解决craco配置别名不生效，如何使用craco对react项目配置别名。

如果我们从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