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

Posted 2023-04-13

【中文标题】webpack.config.js 如何在 react 项目中工作？

【英文标题】：How webpack.config.js work in react project?

【发布时间】：2019-03-09 14:47:46

【问题描述】：

我看到react + express项目代码here，就用这个代码启动项目。

rm -rf build public/bundle.js ./node_modules/.bin/babel server --out-dir build ./node_modules/.bin/webpack --progress 节点./build/main.js"

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

【问题讨论】：

webpack 读取此文件，您似乎在第 3 行运行它

【参考方案1】：

Webpack 读取 webpack.config.jsby default，除非您使用 --config 参数明确告诉它读取另一个配置文件，例如：

webpack --config another.config.js

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

./node_modules/.bin/webpack --progress

【讨论】：

啊！我误解了--progress 的意思是Print compilation progress in percentage 只显示百分比...谢谢您的回复。

@SooJungChae 没问题！如果它回答了您的问题，请随时接受答案。

【参考方案2】：

你不执行 webpack.config.js。它是 webpack 在运行 webpack 时会引用和使用的配置文件。 See this page for more info.

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