vite.config.js/ts

// ...
import {join} from "path";

export default defineConfig({
  // ...其他配置
  resolve: {
    alias: {
      '@': join(__dirname, 'src')
    }
  }
})

如果項目使用TypeScript編寫，還需要修改一下TypeScript的配置

tsconfig.json

{
  "compilerOptions": {
    // ...
    "baseUrl": ".",
    "paths": {
      "@/*": ["src/*"]
    }
  },
  // ... 其他配置
}

如果你是剛創建的TypeScript項目，有可能會遇到找不到模塊“path”或其相應的類型聲明的錯誤提示，安裝@types/node即可。

npm:

npm install @types/node --save-dev

yarn:

yarn add @types/node
最后修改：
? 允許規范轉載
如果覺得我的文章對你有用，請隨意贊賞。