vite中使用别名

背景: vue3+vite

 

vite.config.js

// import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import styleImport from 'vite-plugin-style-import'
const path = require('path')

export default {
  plugins: [
    vue(),
    styleImport({
      libs: [
        {
          libraryName: 'vant',
          esModule: true,
          resolveStyle: name => `vant/es/${name}/style/index`
        }
      ]
    })
  ],
  resolve: {
    alias: {
      '@': path.resolve('src')
    }
  }
}