webpack正在构建大量文件，而不是一个

Question

在./dist文件夹中使用webpack构建应用程序时，我得到了很多文件，而我希望只有一个。我的./dist文件夹看起来像：

657.main.js
657.main.js.LICENSE.txt
657.main.js.map
726.main.js
main.js
main.js.LICENSE.txt
main.js.map

我期待的时间：

main.js

我的webpack配置如下：

const path = require('path')
module.exports = {
mode: 'production',
devtool: 'source-map',
entry:  './src/index.js',
output: {
filename: 'main.js',
path: path.resolve(__dirname, 'dist'),
library: 'foobar',
}
}

删除除main.js以外的所有其他文件时，我会出现错误。

有没有一种方法可以将我的应用程序只构建到一个文件？

Answer 1

Webpack默认情况下是丢弃/代码分割模块。您可以使用以下插件禁用/设置最大块数：

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