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

【问题标题】：Code splitting with webpack with single entry point使用带有单一入口点的 webpack 进行代码拆分
【发布时间】：2019-07-11 21:18:21
【问题描述】：

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

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

优化：{ 拆分块：{ 块：'全部' } }

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

【问题讨论】：

【解决方案1】：

我找到了解决办法！

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

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

【讨论】：