如果我们从0开始搭建一个react项目,那么我们为我们项目配置一个别名是很有必要的,以防止我们写路径的时候写出../../../这种路径,纳闷我们到底怎么进行配置了呢?
第一步首先在根目录下面新建一个文件名字叫craco.config.js
const path = require("path");
const resolve = dir => path.resolve(__dirname, dir);
module.exports = {
webpack: {
alias: {
"@": resolve("src"),
"components": resolve("src/components")
}
}
}
第二步修改package中的配置
目的是将我们craco和webpack进行合并
解决仍然都不能生效的问题
可能是我们的react-srcipts版本太高,我们的craco支持react4.*版本,我们使用的可能是5.*版本所以我们下载的时候要下载alpha版本
npm install @craco/craco@alpha -D
扫描二维码关注公众号,回复:
15531895 查看本文章