react + typescript 项目配置别名
第一步
首先需要生成一个配置文件
npm run eject
第二步
然后在config文件下面的webpack.config.js 中找到resolve 下面的 alias,写入
"@": path.resolve(__dirname, '../src'),
我这里默认配置文件路径在config目录下,跟src平级,所以使用…/src。
第三步
找到tsconfig.json文件,修改experimentalDecorators为true,
然后在compilerOptions下面加入以下代码
"baseUrl": "./",
"paths": {
"@/*":["src/*"],
},
现在可以在项目中使用@了,相对于src下面的路径。
比如
import Home from '@/modules/Home';
重新编译不会报错。