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

【问题标题】：webpack is building a lots of files instead of onewebpack 正在构建大量文件而不是一个
【发布时间】：2022-01-20 16:19:40
【问题描述】：

使用 webpack 将我的应用程序构建到 ./dist 文件夹时，我得到了很多文件，而我希望只有一个。我的./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 之外的所有其他文件时，我得到了错误。

有没有办法将我的应用程序构建到一个文件中？

【问题讨论】：

标签： javascript node.js npm webpack web-deployment

【解决方案1】：

默认情况下，Webpack 是对模块进行卡盘/代码拆分。您可以使用此插件禁用/设置最大块数：

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

【讨论】：

代码拆分模块是否有优势，如果我使用插件会丢失？