无论是vue还是react开发，咱们通常须要引入门路的便捷化配置，通常咱们都会约定应用门路@作为根门路地址。如果是集体react开发的@门路简略配置

  1. 装置craco
    yarn add @craco/craco
    复制代码
    2.根门路下创立 craco.config.js
    const path = require("path")
    module.exports = {
    webpack:{
    alias:{
    "@":path.resolve(__dirname,"src")
    }
    }
    }

复制代码

  1. 批改package.json文件的script字段
    "scripts": {

     "start": "craco start", "build": "craco build", "test": "craco test", "eject": "react-scripts eject"

    },
    复制代码
    4.应用
    import "@/router/index"