Vuetify按需引入组件

2025-04-07 05:09:46 5

前端打包优化....

配置插件

npm install vite-plugin-vuetify

vite.config.js

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import vuetify from 'vite-plugin-vuetify'

export default defineConfig({
  plugins: [
    vue(),
    vuetify(),
  ],
})

之前的引入方式

import 'vuetify/styles'
import { createVuetify } from 'vuetify'

// 下面两行可以注掉了
// import * as components from 'vuetify/components'
// import * as directives from 'vuetify/directives'

用 测试项目 试了下, 打包后少了300+KB

• vuetify