使用create-react-app创建项目时,默认情况下webpack的配置是隐藏的,你可以使用eject将所有的配置暴露出来,但你一旦这么做了,是无法撤销的,这是一个不可逆的操作。当然,如果你已经对webpack特别熟练了就另当别论了。下文是在不暴露配置的情况下,实现配置的自定义,使用的是craco包。文章来源:https://www.toymoban.com/news/detail-759552.html
1、安装craco
npm i @craco/craco
// or
yarn add @craco/craco
2、修改package.json的scripts属性
/* package.json */
"scripts": {
- "start": "react-scripts start",
- "build": "react-scripts build",
- "test": "react-scripts test",
+ "start": "craco start",
+ "build": "craco build",
+ "test": "craco test",
}
3、在项目根目录创建一个 craco.config.js 用于修改默认配置。
/* craco.config.js */
module.exports = {
// ...
};
至此就结束了,小伙伴们有更好的方式欢迎在评论区交流学习文章来源地址https://www.toymoban.com/news/detail-759552.html
到了这里,关于react中使用craco自定义配置的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!