如何防止webpack重命名js文件？

Question

我有一个使用 webpack 的 Angular 项目。 我还延迟加载应用程序的几个组件。 其中 2 个组件使用 d3 库。 自从我添加第二个组件后，d3 库就使用文件名

node_modules_d3_index_js.js

（代表其路径

node_modules/d3/index.js

）单独进行延迟加载。 有没有办法将其重命名为

d3.js

或

d3.min.js

.

我的 webpack 配置中有这个，它似乎正在调整文件的打包方式及其名称：

optimization: {
  splitChunks: {
    minChunks: 3,
  },
  chunkIds: 'named',
}

Answer 1

这似乎效果很好

optimization: {
  splitChunks: {
    minChunks: 3,
    chunks: "all",
    name(module, chunks, cacheGroupKey) {
      if (module.identifier().indexOf("node_modules/d3") > 0) {
          return 'd3';
      }
      return null;
    }
  },
  chunkIds: 'named',
},