vite中路径@的配置

vite默认不支持路径别名@指向src，但是平时用习惯了，手动配置下即可：

1、在vite.config.ts 文件中进行配置

引入path路径包

import path from 'path'
export default defineConfig({
  plugins: [react()],
  resolve:{
    alias:{
      "@":path.resolve(__dirname,'./src')
    }
  }
}

默认情况下会报path红线，但是只要是有node环境，就会可以使用，报红的原因是在ts中缺少一些声明配置，所以需要安装关于node这个库的ts声明配置

npm i -D @types/node

安装成功就后应该不会报红，如果还报错，就把引入换成

import * as path from path

2、配置路径别名的提示

路径别名配置好后，我们需要在tsconfig.json文件中，添加两项配置

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

配置好后就会有资源的提示