配置开发时候@指向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的@路径问题