react项目配置 @ 为src根目录

前置：

修改jsconfig.json文件

{
  "compilerOptions": {
    "jsx": "react",
    "experimentalDecorators": true,
    "baseUrl": "./",
    "paths": {
      "@/*": [
        "src/*"
      ]
    }
  }

}

1. 原生create-react-app 的情况

若已经使用 “npm run eject” 暴露了webpack.config.js文件

修改 config/webpack.config.js 文件配置(找到alias)

const paths = require('./paths');

resolve: {
    alias: {
        '@': paths.appSrc
    },
}

2.未暴露webpack.config.js配置文件的情况

用craco来配置 （参考文章）React 添加引用路径时,使用@符号作为src文件_react 全局@替代src_龟霸也是高达的博客-CSDN博客