1. 安装插件
npm i -D @craco/craco
2. 在项目根目录下新建文件 craco.config.js ,配置如下:
const path = require('path')
module.exports = {
webpack: {
alias: {
'@': path.resolve(__dirname, 'src')
}
}
}
3. 修改 package.json
{
...
"scripts": {
"start": "craco start",
"build": "craco build",
"test": "craco test",
"eject": "react-scripts eject"
}
}
4. 别名路径提示。项目根目录下新建文件 jsconfig.json ,配置如下:
{
"compilerOptions": {
"baseUrl": "./",
"paths": {
"@/*": ["src/*"]
}
}
}