无论是 vue 还是 react 开发,咱们通常须要引入门路的便捷化配置,通常咱们都会约定应用门路 @作为根门路地址。如果是集体 react 开发的 @门路简略配置
- 装置 craco
yarn add @craco/craco
复制代码
2. 根门路下创立 craco.config.js
const path = require(“path”)
module.exports = {
webpack:{
alias:{
“@”:path.resolve(__dirname,”src”)
}
}
}
复制代码
-
批改 package.json 文件的 script 字段
“scripts”: {"start": "craco start", "build": "craco build", "test": "craco test", "eject": "react-scripts eject"
},
复制代码
4. 应用
import “@/router/index”