梗概
react-scripts
是由 Create React App (CRA) 项目提供的一个 npm 包,包含了一组脚本和配置,用于简化 React 应用程序的开发和构建过程1。它主要包含以下几个脚本:
-
start: 启动开发服务器,用于热模块替换 (Hot Module Replacement) 和实时预览。
npm start
-
build: 构建生产版本的应用程序,生成静态文件。
npm run build
-
test: 运行测试脚本,执行 Jest 测试。
npm test
-
eject: 从 Create React App 中脱离,获取完整的配置文件,以便进一步自定义。
npm run eject
配置
在 Create React App 中,大部分配置已经帮你处理好了,但如果你需要自定义配置,尤其是 Webpack 和 Babel,你有两个主要方法:
-
Eject (脱离) Create React App:
-
当你执行
npm run eject
时,Create React App 会把所有的配置文件(如 Webpack、Babel 等)暴露出来。这个操作是不可逆的,执行之后你将失去 CRA 的简化管理,但可以完全掌控配置。 -
这个命令会生成
config
和scripts
文件夹,包含所有的配置文件和脚本。
-
-
使用
react-app-rewired
或craco