const path = require('path');
const webpack = require('webpack');
const HtmlWebpackPlugin = require('html-webpack-plugin');

const PATHS = {
  app: path.join(__dirname, 'client/src'),
  build: path.join(__dirname, 'client/build'),
};

module.exports = {
  mode: 'production',
  entry: {
    app: ['@babel/polyfill', PATHS.app],
  },
  output: {
    path: PATHS.build,
    publicPath: '/build',
    filename: '[name].[hash:5].js',
  },
  resolve: {
    modules: [path.resolve(__dirname, 'client/src'), path.resolve(__dirname, 'node_modules')],
    extensions: ['.js', '.jsx'],
    alias: {
      crypto: false,
      '@': path.resolve(__dirname, 'client/assets'),
      $utils: path.resolve(__dirname, 'client/src/utils/'),
      $components: path.resolve(__dirname, 'client/src/components/'),
      $themes: path.resolve(__dirname, 'client/src/themes/'),
    },
  },
  plugins: [
    new HtmlWebpackPlugin({
      filename: '../index.html',
      template: './client/index.ejs',
    }),
  ],
  optimization: {
    splitChunks: {
      cacheGroups: {
        commons: {
          test: /[\\/]node_modules[\\/]/,
          name: 'vendors',
          chunks: 'all',
        },
      },
    },
  },
  module: {
    rules: [{
      test: /\.css$/,
      use: ['style-loader', {
        loader: 'css-loader',
        options: {
          modules: true,
        },
      }],
    },
    {
      test: /\.less$/,
      use: ['style-loader', 'css-loader',
        {
          loader: 'less-loader',
          options: {
            lessOptions: {
              javascriptEnabled: true,
            },
          },
        },
      ],
    },
    {
      test: /\.(js|jsx)$/,
      use: {
        loader: 'babel-loader',
        options: {
          presets: [
            '@babel/preset-env',
            '@babel/preset-react',
          ],
          plugins: [
            '@babel/plugin-proposal-class-properties',
            '@babel/plugin-proposal-object-rest-spread',
            ['import', {
              libraryName: 'antd',
              libraryDirectory: 'es',

            }],
          ],
        },
      },
      // use: 'babel-loader',
      include: [PATHS.app, path.resolve(__dirname, 'node_modules', '@peace')],
    }, {
      test: /\.(eot|woff|woff2|svg|ttf)([\?]?.*)$/,
      loader: 'file-loader',
    },
    ],
  },
};