【代码】Vite.js @ 路径的配置

1、先看下 node_modules 里面 有没有 path 文件

没有的话键入这个命令安装一下

npm install path

2、在vite.config.js 里面插入 resolve.alias

就像这样

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import path from 'path' 
 
export default defineConfig({
  plugins: [
    vue(),
  ],
  resolve: {
    alias: {
      '@': path.resolve(__dirname, './src')
    },
  },
 
})

3、看看有没有 jsconfig.json 文件，没有就新建一个，把代码粘贴进入，配置就完成了（这个是vscode用的，不加也行）

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

微信扫码查看本文