Webpack：发出的块不创建主入口点

Question

我将 webpack 从版本 2 升级到版本 4。我的配置包括：

entry = {
    Main: './main',
    App: './app'
};

和

var output = {
    path: path.join(__dirname, outPath, '_js'),
    publicPath: '/_js/',
    filename: '[name]-bundle.js'
};

在版本 2 中，我的输出只是 App-bundle.js 和 Main-bundle.js，但在 webpack@4 中，输出是

Entrypoints:
  Main (414 KiB)
      Main~493df0b3-bundle.js
      Main~4c0201b9-bundle.js
  App (316 KiB)
      App~47dad47d-bundle.js
      App~6bd0612f-bundle.js
      App~01e7b97c-bundle.js

没有要导入的中央非散列文件名。

编辑：

我的 optimization 对象如下所示：

optimization: {
    splitChunks: {
        chunks: 'async',
        minSize: 20000,
        maxSize: env === 'production' ? 1000000 : 0,
        minChunks: 1,
        maxAsyncRequests: 6,
        maxInitialRequests: 4,
        automaticNameDelimiter: '~',
        cacheGroups: {
          default: {
            minChunks: 1,
            priority: -20,
            reuseExistingChunk: true
          }
        }
    },
    minimize: env === 'production' ? true : false
},

--- 问题 ---

我可以有块，但是我如何配置 webpack 4 以便有一个简单地称为 Main-bundle.js 和 App-bundle.js 的中央入口文件，我可以轻松地将其导入我的 HTML 模板？

Answer 1

请删除 splitChunks 配置中的 minSize 和 maxSize。或者，降低 minSize 并提高 maxSize。

minSize 和 maxSize 当您想要 fine-tune 您的块以提高性能或考虑块大小的其他原因时非常方便。

我个人发现，下载为 'inital chunks' 的 10 个块具有 600KB 大小的块是我应用程序中最好的 fine-tune 性能。没有它我无法达到相同的性能结果，因为 webpack 为我的一些入口点创建了一个不均匀的大块。

Webpack：发出的块不创建主入口点

Webpack: emitted chunks do not create a main entrypoint

webpack

webpack-4

webpack-splitchunks