webpack-4 - 使用带有单一入口点的 webpack 进行代码拆分

Question

我是 webpack 的新手，并试图弄清楚如何让代码拆分工作。我有一个从 react-native-web 创建的大包，我想将它分成两个较小的包。一个将包含所有 node_modules，另一个将包含我的自定义代码。请注意，我的应用程序只有一个入口点，目前我不需要动态导入。

我尝试将以下内容添加到我的 webpack 配置中

优化：{ splitChunks: { chunks: 'all' } }

这创建了两个包，但是我的应用程序未在浏览器中呈现。我是否必须以某种方式从第一个包中引用第二个包？有没有人有一个工作的例子？

score 0 · Accepted Answer

我找到了解决方案！

我必须使用新创建的块名称添加 chunkFilename，如下所示：

output: {
      filename: '[name].bundle.js',
      chunkFilename: '[name].bundle.js',
      path: path.resolve(__dirname, 'dist')
   },

1 回答 1