react配置@别名,vscode智能代码提示。

40 阅读1分钟

第一步: 安装 craco

npm i @craco/craco -D

第二步:在最外层新建文件 craco.config.js

const path = require('path')

module.exports = {
    webpack: {
        alias: {
            '@': path.resolve(__dirname, 'src')
        }
    }
}

第三步:package.json中修改

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

第四步: vscode代码提示 最外层新建 jsconfig.json 文件

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

重新启动项目 end