web-base--/config/plugin.config.ts

import path from 'path';

import * as IWebpackChainConfig from 'webpack-chain';

function getModulePackageName(module: { context: string }) {
  if (!module.context) return null;

  const nodeModulesPath = path.join(__dirname, '../node_modules/');
  if (module.context.substring(0, nodeModulesPath.length) !== nodeModulesPath) {
    return null;
  }

  const moduleRelativePath = module.context.substring(nodeModulesPath.length);
  const [moduleDirName] = moduleRelativePath.split(path.sep);
  let packageName: string | null = moduleDirName;
  // handle tree shaking
  if (packageName && packageName.match('^_')) {
    // eslint-disable-next-line prefer-destructuring
    packageName = packageName.match(/^_(@?[^@]+)/)![1];
  }
  return packageName;
}

const webpackPlugin = (config: IWebpackChainConfig) => {
  config.merge({
    optimization: {
      minimize: true,
      splitChunks: {
        chunks: 'async',
        minSize: 30000,
        minChunks: 2,
        automaticNameDelimiter: '.',
        cacheGroups: {
          vendor: {
            name: 'vendors',
            test: /^.*node_modules[\\/](?!ag-grid-|lodash|wangeditor|react-virtualized|rc-select|rc-drawer|rc-time-picker|rc-tree|rc-table|rc-calendar|antd).*$/,
            chunks: "all",
            priority: 10,
          },
          virtualized: {
            name: "virtualized",
            test: /[\\/]node_modules[\\/]react-virtualized/,
            chunks: "all",
            priority: 10
          },
          rcselect: {
            name: "rc-select",
            test: /[\\/]node_modules[\\/]rc-select/,
            chunks: "all",
            priority: 10
          },
          rcdrawer: {
            name: "rcdrawer",
            test: /[\\/]node_modules[\\/]rc-drawer/,
            chunks: "all",
            priority: 10
          },
          rctimepicker: {
            name: "rctimepicker",
            test: /[\\/]node_modules[\\/]rc-time-picker/,
            chunks: "all",
            priority: 10
          },
          ag: {
            name: "ag",
            test: /[\\/]node_modules[\\/]ag-grid-/,
            chunks: "all",
            priority: 10
          },
          antd: {
            name: "antd",
            test: /[\\/]node_modules[\\/]antd[\\/]/,
            chunks: "all",
            priority: 9
          },
          rctree: {
            name: "rctree",
            test: /[\\/]node_modules[\\/]rc-tree/,
            chunks: "all",
            priority: -1
          },
          rccalendar: {
            name: "rccalendar",
            test: /[\\/]node_modules[\\/]rc-calendar[\\/]/,
            chunks: "all",
            priority: -1
          },
          rctable: {
            name: "rctable",
            test: /[\\/]node_modules[\\/]rc-table[\\/]es[\\/]/,
            chunks: "all",
            priority: -1
          },
          wang: {
            name: "wang",
            test: /[\\/]node_modules[\\/]wangeditor[\\/]/,
            chunks: "all",
            priority: -1
          },
          lodash: {
            name: "lodash",
            test: /[\\/]node_modules[\\/]lodash[\\/]/,
            chunks: "all",
            priority: -2
          },
          bizcharts: {
            name: "bizcharts",
            test: /[\\/]node_modules[\\/]bizcharts[\\/]/,
            chunks: "all",
            priority: 10
          },
          xlsx: {
            name: "xlsx",
            test: /[\\/]node_modules[\\/]xlsx[\\/]/,
            chunks: "async",
            priority: 10
          }
        }
      }
    }
  });
  //过滤掉momnet的那些不使用的国际化文件
  config.plugin("replace").use(require("webpack").ContextReplacementPlugin).tap(() => {
    return [/moment[/\\]locale$/, /zh-cn/];
  });
};

export default webpackPlugin;