splitChunks配置不生效或配置报错

Question

vue.config.js中配置：optimization报错无此项
请问正确的配置文件是怎样的？

Answer 1

给你举个例子
vue.config.js中

module.exports = {
  chainWebpack: config => {
    config.optimization.splitChunks({
      chunks: "all",
      maxInitialRequests: Infinity,
      minSize: 300000, // 依赖包超过300000bit将被单独打包
      automaticNameDelimiter: "-",
      cacheGroups: {
        vendor: {
          test: /[\/]node_modules[\/]/,
          name(module) {
            const packageName = module.context.match(
              /[\/]node_modules[\/](.*?)([\/]|$)/
            )[1];
            return `chunk.${packageName.replace("@", "")}`;
          },
          priority: 10
        }
      }
    });
  }
}