webpack 正在构建很多文件而不是一个

Question

当使用 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 以外的所有其他文件时出现错误。

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

Answer 1

Webpack 默认是 chucking/code 拆分模块。您可以使用此插件 disable/set 最大块数：

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

webpack 正在构建很多文件而不是一个

webpack is building a lots of files instead of one

javascript

web-deployment

node.js

npm

webpack