第一步 安装 yarn add @craco/craco 插件
第二步
在 package.json 文件中
将
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject"
},
改成
"scripts": {
"start": "craco start",
"build": "craco build",
"test": "craco test",
"eject": "react-scripts eject"
},
第三部
然后在项目根目录创建一个 craco.config.js 用于修改默认配置。
const path = require('path')
const reslove = dir => path.resolve(__dirname,dir)
/* craco.config.js */
module.exports = {
// ...
webpack : {
alias : {
"@" : reslove("src")
}
}
};
然后重新运行命令 yarn start 别名配置成功
网友评论