大坑,create-react-app创建的项目在启动时会自动覆盖
tsconfig.json
中的某些配置
使用create-react-app创建的项目,需要集成typescript,则安装依赖之后,启动项目会自动在项目的根路径下面创建tsconfig.json
的关于typescript的配置文件,但是对于某些属性,例如paths
则会在每次启动的时候进行覆盖
解决方案
在组件中需要引用其他的文件时,一般可以使用相对路径来引用,但是看起来并不是特别好看,而且层级较深的情况下,看起来不是特别优雅,所以可以配置别名的方式来引用文件
-
config-override.js中配置别名
这里没有指定
npm run eject
,所以采用了react-app-rewired
的方式来配置webpack-
如果没有配置
config-override.js
,则npm install react-app-rewired --save-dev npm install customize-cra --save-dev
-
手动在项目根路径下面创建
config-override.js
配置文件const { override, addWebpackAlias } = require('customize-cra') const path = require('
-