react 中配置@寻找文件

1. 安装插件craco

npm i -D @craco/craco

2. 创建 craco.config.js文件放在根目录和package.json同级

const path = require('path')module.exports = {webpack: {alias: {"@": path.resolve(__dirname, "src")}}
}

3. 创建 jsconfig.config.js文件放在根目录和package.json同级

{"compilerOptions": {"baseUrl": "./","paths": {"@/*": ["src/*"]}}
}

4. 修改 package.json

  "scripts": {"start": "craco start","build": "craco build","test": "react-scripts test","eject": "react-scripts eject"},

原本是这样

5. 重启项目使用它