方案选择
最近时间,做react
项目,然后就想着给项目配置路径别名,毕竟老看着../../../
等这种非常难受,就想着给项目配置个@
作为项目src
的别名拿来使用,之前做的vue
项目自带一个@
路径别名,并且也非常方便配置,但查了下react
,好像并不好弄。
目前来说,我找到了两种方案:
1.使用npm run eject
暴露config
配置文件夹,来改写wabpack
2.使用第三方的@craco/craco
。
经过思考,我采用的是第二种方案,因为只是配置个路径别名,把webpack
配置全部暴露出来,完全没必要,而且npm run eject
是不可逆的。
用@craco/craco
其实非常像vueconfig.js
的做法,只用一个简单文件去改写默认配置,方便,没有心智负担。
安装@craco/craco
这里我使用的是npm
,react17
npm i @craco/craco