关于程序员:react项目的路径配置

46次阅读

共计 381 个字符,预计需要花费 1 分钟才能阅读完成。

无论是 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”

正文完
 0