vite 中配置别名及eslint报错解决方法

配置很简单

  resolve: {
    alias: {
      "@api": resolve(__dirname, "src", "api", "mock")
    }
  }

需要注意两点，

1. vscode的eslint规则无法识别

解决方案：新增jsconfig.json文件

{
  "compilerOptions": {
    "target": "esnext",
    "baseUrl": "./src/",
    "paths": {
      "@": ["src"],
      "@api": ["api/mock"]
    }
  }
}

2. 入库时经过eslint规则无法识别

安装eslint-import-resolver-alias插件并配置 解决方案

这个问题比较奇怪尝试了比较多的方法都未解决

最后删除了js后缀，不明原因

import { getList } from "@api/mock/index";