2021年开发React项目需要手动配置babel和webpack吗?
create-react-app 配置相关问题解答
- 首先给你明确答案:你用
npx create-react-app创建项目时,已经自动完成了babel和webpack的安装、默认配置,完全不需要你手动操作。 - 这个工具的设计初衷就是降低React项目的搭建门槛,它把所有工程化底层逻辑(包括ES6+语法转译、代码打包压缩、样式资源处理等)都封装到了内置依赖
react-scripts里,你在项目根目录看不到babel.config.js、webpack.config.js这类配置文件,是因为它们被内置在react-scripts的内部逻辑中,并不是不存在。 - 你对文档的理解是正确的:日常开发执行
npm start启动本地调试服务、上线前执行npm run build打包生产代码时,会自动调用react-scripts内置的配置逻辑,自动完成babel转译、webpack打包全流程,不需要你做任何额外配置。 - 如果你后续有特殊的个性化配置需求,也可以执行
npm run eject命令把所有内置配置暴露到项目根目录自行修改,但这个操作是不可逆的,新手开发常规项目完全用不到,默认配置已经可以覆盖绝大多数使用场景。
内容的提问来源于stack exchange,提问作者user16949712
相关产品推荐
相关产品推荐

