const path = require('path');
const {
  override,
  addWebpackAlias,
  addWebpackModuleRule,
  addWebpackResolve,
  overrideDevServer,
} = require('customize-cra');
const addLessLoader = require('customize-cra-less-loader');

const addOverlay = () => (configFunction) => {
  configFunction.client.overlay = false;
  return configFunction;
};

module.exports = {
  webpack: override(
    // addWebpackResolve({
    //   fallback: {
    //     buffer: require.resolve('buffer/'),
    //   },
    // }),
    addLessLoader({
      lessLoaderOptions: {
        lessOptions: {
          javascriptEnabled: true,
          modifyVars: {
            '@primary-color': '#2A6FF6', //修改antd主题色
          },
        },
      },
    }),
    addWebpackAlias({
      '@': path.resolve(__dirname, 'src'),
    }),
    addWebpackModuleRule({
      test: /\.svg$/,
      use: [{ loader: 'svg-sprite-loader', options: {} }],
    }),
  ),
  devServer: overrideDevServer(addOverlay()),
};