vue3 vite 别名@使用

在vite里使用@来当做根目录引用文件

tsconfig.json里

"compilerOptions": {
   // 配合别名使用,就是@根目录
   "paths": {
     "@": ["./src"],
     "@/*": ["./src/*"]
   },
 },

vite.config.ts里

import path from 'path'
export default defineConfig({
  plugins: [
    vue(),
  ],
  resolve:{
    // 使用别名
    alias:{
      '@':path.resolve(__dirname,'./src')
    }
  }
})

你可能感兴趣的:(javascript,vue.js,前端)