webpack打包时候，splitchunk的cachegroup如果配置了的话，会和external冲突吗？

Question

webpack的splitchunk的cachegroup如果配置了的话，会和external冲突吗，

比如引入了axios和lodash，在cachegroup里面配置了，然后同时在external里面配置，会优先取哪个呢

Answer 1

确实可能会产生冲突。在cacheGroups中配置了某些库，并同时在external中指定了这些库时，Webpack会优先使用external配置，所以这些库将不会被打包到最终的输出文件中，而是期望在运行时从外部环境加载。

module.exports = {
  ...
  optimization: {
    splitChunks: {
      cacheGroups: {
        vendor: {
          test: /[\\/]node_modules[\\/]/,
          name: 'vendor',
          chunks: 'all',
        },
      },
    },
  },
  externals: {
    axios: 'axios',
    lodash: 'lodash',
  },
};