webpack.config.js如何在React项目中工作？

Question

我看到了 react + express 项目代码here，仅使用此代码即可开始项目。

• rm -rf构建public / bundle.js
• ./ node_modules / .bin / babel服务器--out-dir构建
• ./ node_modules / .bin / webpack --progress
• 节点./build/main.js”

但是我找不到如何读取/执行webpack.config.js命令的方法。谁读了这段代码？以及它是如何工作的？

Answer 1

Webpack读取webpack.config.js by default，除非您通过使用--config自变量例如：

明确告诉它读取另一个配置文件。

webpack --config another.config.js

在您的情况下，此命令读取webpack.config.js：

./node_modules/.bin/webpack --progress

Answer 2

您不执行webpack.config.js。这是webpack运行时将引用并使用的配置文件。 See this page for more info.

package.json文件中您链接到的项目的构建和启动脚本都运行webpack。然后，Webpack将根据webpack.config.js中的信息创建一个bundle.js文件。