Webpack多入口配置异常：所有入口均生成名为Main的文件

问题根源 #

你在命令行执行webpack时手动指定了入口文件（./src/app/app.tsx ./src/test/test.tsx），这会覆盖webpack配置文件里的entry配置。Webpack CLI的命令行参数优先级高于配置文件，此时它会把你传入的两个文件合并为一个默认名为main的入口，自然只会生成main-app-bundle.js。

解决方案 #

1. 修正npm run build命令 #

打开package.json，找到scripts里的build命令，确保它不包含入口文件路径：

{
  "scripts": {
    "build": "webpack --config webpack-config.js"
  }
}

2. 直接执行webpack命令时去掉入口参数 #

不要带入口文件路径，直接运行：

node_modules\.bin\webpack --config webpack-config.js

验证效果 #

修改命令后重新执行构建，Webpack会读取你配置里的app和test两个入口，最终在dist目录下生成app-app-bundle.js和test-app-bundle.js两个文件。

内容的提问来源于stack exchange，提问作者Jacob Gonos