reactjs - 如何使用 webpack4 禁用块（代码拆分）？

Question

我创建了反应项目：yarn create react-app。我正在使用 webpack 4.29.6，反应 16.8.6。

我想禁用代码拆分，因为我只需要 build/static/js 文件夹中的一个“main.js”文件。（我已经从他们的名字中删除了哈希。）

我试过了：

new webpack.optimize.LimitChunkCountPlugin({
    maxChunks: 1
  }),

和

      splitChunks: {
        chunks: 'all',
        name: false,
        cacheGroups: {
          default:false
        }
      }

但这些解决方案给了我这些文件：

build
  /static
   /js
   -2.chunk.js
   -2.chunk.js.map
   -main.chunk.js
   -main.chunk.js.map
   -runtime~main.js
   -runtime~main.js.map

我认为 runtime~main.js 文件和 .map 文件还可以，但我想要没有块的确切的“main.js”文件，没有 2.chunk.js。如何禁用 webpack 4 的默认代码拆分？

标签： reactjswebpack

Answer 1

plugins: [
    new webpack.optimize.LimitChunkCountPlugin({
        maxChunks: 1
    })
]

试试这是否有效。手动安装这个LimitChunkCountPlugin

https://webpack.js.org/plugins/limit-chunk-count-plugin/