create-react-app 项目配置 import @ 替代 src 目录的方式

1. tsconfig.json 中添加：

1. {
   
2.   "compilerOptions": {
   
3.     "baseUrl": "src",
   
4.     "paths": {
   
5.       "@/*": ["*"]
   
6.     }
   
7.   }
   
8. }

复制代码

2. webpack 配置添加：

1. import path from "path";
   
2. module.exports = {
   
3.   webpack: {
   
4.     // other configs
   
5.     alias: {
   
6.       '@': path.resolve(__dirname, 'src')
   
7.     }
   
8.   }
   
9. }

复制代码

3. 如果没生效，关闭 ide 再重新打开项目

4. 引入方式：

1. import getYoutubeDownloadUrl from "@/utils/getYoutubeDownloadUrl"

复制代码