react 使用 @ 代替 src 路径

在 config-overrides.js 文件里写入下面的代码

const { override } = require('customize-cra');
const path = require("path");
 
module.exports = override(
     config =>{
         config.resolve.alias = {
             "@": path.resolve(__dirname, "src")
         };
         return config;
     },
);

重启一下服务

import Head from '../../components/Head'
# 替换
import Head from '@/components/Head'