我可以用webpack修改vendors.js文件名吗？

Question

我必须修改文件名时，建立vuejs项目与webpack。

我使用webpack 4.x.x vuejs 2.x.x版本。

必须将"vendors.js“和"runtime.js”的文件名修改为"vendors.pc.js“和"runtime.pc.js”。

我能在建造它的时候改变它们吗？

Answer 1

将其添加到您的webpack.config.js中，然后webpack将根据cacheGroups设置将node_modules文件映射到不同的块文件中。

optimization: {
  runtimeChunk: 'single',
  splitChunks: {
    chunks: 'all',
    maxInitialRequests: Infinity,
    minSize: 0,
    cacheGroups: {
      reactVendor: {
        test: /[\\/]node_modules[\\/](react|react-dom)[\\/]/,
        name: "reactvendor"
      },
      utilityVendor: {
        test: /[\\/]node_modules[\\/](lodash|moment|moment-timezone)[\\/]/,
        name: "utilityVendor"
      },
      bootstrapVendor: {
        test: /[\\/]node_modules[\\/](react-bootstrap)[\\/]/,
        name: "bootstrapVendor"
      },
      vendor: {
        test: /[\\/]node_modules[\\/](!react-bootstrap)(!lodash)(!moment)(!moment-timezone)[\\/]/,
        name: "vendor"
      },
    },
  },
}