数字居民论坛 › 技术交流 › create-react-app 项目配置 import @ 替代 src 目录的方式

HelloWorld 发表于 2023-11-10 11:04:31

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

本帖最后由 HelloWorld 于 2023-12-14 17:25 编辑

1. tsconfig.json 中添加：
{
"compilerOptions": {
    "baseUrl": "src",
    "paths": {
      "@/*": ["*"]
    }
}
}
2. webpack 配置添加：
import path from "path";
module.exports = {
webpack: {
    // other configs
    alias: {
      '@': path.resolve(__dirname, 'src')
    }
}
}
3. 如果没生效，关闭 ide 再重新打开项目

4. 引入方式：import getYoutubeDownloadUrl from "@/utils/getYoutubeDownloadUrl"

查看完整版本: create-react-app 项目配置 import @ 替代 src 目录的方式