0
点赞
收藏
分享

微信扫一扫

cephrgw元数据和数据布局

佃成成成成 2024-07-24 阅读 8

这里写目录标题

配置开发时候@指向SRC目录VScode编辑器给出提示

总体1.配置react的@ 2.配置Vscode的@

1.配置react的@

1. 我么需要下载一个webpack的插件
这样我们的项目就能识别@指向SRC

npm install @craco/craco -D
 "devDependencies": {
    "@craco/craco": "^7.1.0"
  }

2.使用使用craco
在根部录下创建craco.config.js
在这里插入图片描述
写入以下内容

const path = require('path');
//配置@
module.exports= {
    webpack:{
        alias:{
            "@":path.resolve(__dirname,'src')
        }
    }
}

3. 在package.json中修改启动命令

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

在这里插入图片描述

2,配置VSCode的@提示支持

在项目的根目录创建jsconfig.json文件夹
写入

{
    "compilerOptions": {
        "baseUrl": "./",
        "paths": {
            "@/*":[
                "src/*"
            ]
        }
    }
}

在这里插入图片描述

在这里插入图片描述
以上就实现了react的@路径问题

举报

相关推荐

0 条评论