@reactseed/antd-template/template/config-overrides.js

React seed ant design template for creating react app

/* eslint-disable @typescript-eslint/no-var-requires */
const path = require('path');
const webpack = require('webpack');
const devServer = require('@reactseed/devserver');
const AntdDayjsWebpackPlugin = require('antd-dayjs-webpack-plugin');
const {
  override,
  addWebpackAlias,
  addLessLoader,
  overrideDevServer,
  addWebpackPlugin,
  fixBabelImports,
  addBabelPlugin,
} = require('customize-cra');
const nodeModulesPath = path.resolve(__dirname, 'node_modules');
const nodeModules = pkg => path.resolve(nodeModulesPath, pkg);

module.exports = {
  webpack: override(
    addBabelPlugin('react-hot-loader/babel'),
    addLessLoader({
      javascriptEnabled: true,
    }),
    addWebpackAlias({
      '@': path.resolve(__dirname, 'src'),
    }),
    fixBabelImports('antd', {
      libraryDirectory: 'es',
      style: 'css',
    }),
    addWebpackPlugin(
      new AntdDayjsWebpackPlugin(),
      new webpack.HotModuleReplacementPlugin()
    ),
    config => {
      if (config.mode === 'development') {
        config.resolve.alias['react-dom'] = path.resolve(
          __dirname,
          'node_modules/@hot-loader/react-dom'
        );
        config.entry.unshift(nodeModules('react-hot-loader/patch'));
      }
      return config;
    }
  ),
  devServer: overrideDevServer(devServer, config => {
    config.inline = true;
    // eslint-disable-next-line no-undef
    Atomics.wait(new Int32Array(new SharedArrayBuffer(4)), 0, 0, 10000);
    return config;
  }),
};