const { override, fixBabelImports, addLessLoader, addWebpackPlugin, addWebpackAlias, useEslintRc } = require('customize-cra')
const AntdDayjsWebpackPlugin = require('antd-dayjs-webpack-plugin')
const path = require('path')

module.exports = override(
  fixBabelImports('import', {
    libraryName: 'antd',
    libraryDirectory: 'es',
    style: true,
  }),
  addLessLoader({
    javascriptEnabled: true,
    modifyVars: {
      '@primary-color': '#d44439',
    },
  }),
  addWebpackAlias({
    '@': path.join(__dirname, './src'),
    'assets': path.join(__dirname, './src/assets'),
    'configs': path.join(__dirname, './src/configs'),
    'components': path.join(__dirname, './src/components'),
    'utils': path.join(__dirname, './src/utils'),
    'routes': path.join(__dirname, './src/routes'),
    'services': path.join(__dirname, './src/services'),
    'store': path.join(__dirname, './src/store'),
    'views': path.join(__dirname, './src/views'),
  }),
  useEslintRc(path.join(__dirname, './.eslintrc.js')),
  addWebpackPlugin(new AntdDayjsWebpackPlugin()),
)