前往小程序,Get更优阅读体验!
立即前往
发布
社区首页 >专栏 >react项目的@路径配置

react项目的@路径配置

作者头像
每周聚焦
发布2022-09-20 17:34:49
发布2022-09-20 17:34:49
1.4K00
代码可运行
举报
文章被收录于专栏:每周聚焦每周聚焦
运行总次数:0
代码可运行

无论是vue还是react开发,我们通常需要引入路径的便捷化配置,通常我们都会约定使用路径@作为根路径地址。如果是个人react开发的@路径简单配置

1. 安装craco

代码语言:javascript
代码运行次数:0
复制
yarn add @craco/craco

2.根路径下创建 craco.config.js

代码语言:javascript
代码运行次数:0
复制
const path = require("path")
module.exports = {
  webpack:{
    alias:{
      "@":path.resolve(__dirname,"src")
    }
  }
}

3. 修改package.json文件的script字段

代码语言:javascript
代码运行次数:0
复制
    "scripts": {
        "start": "craco start",
        "build": "craco build",
        "test": "craco test",
        "eject": "react-scripts eject"
     },

4.使用

代码语言:javascript
代码运行次数:0
复制
import "@/router/index"

本文系转载,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文系转载前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1. 安装craco
  • 2.根路径下创建 craco.config.js
  • 3. 修改package.json文件的script字段
  • 4.使用
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档