在React、Vue项目中配置别名路径@

配置别名路径@

1.安装npm i -D @craco/craco

2.在项目根目录创建craco.config.js文件,内容如下:

const path = require("path")

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

3.在项目根目录下创建jsconfig.json文件，内容如下:

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

4.修改package.json文件的启动命令

    "scripts": {
        "start": "craco start",
        "build": "craco build"
    },