Nuxt JS를 사용한 Vuetify js 최적화

Nuxt JS를 사용한 Vuetify js 최적화

Nuxtjs 2.3.4와 Vuetify를 사용하고 있습니다.JS 1.2.10.

각 페이지마다 VuetifyJs의 미사용 CSS와 js가 많이 있습니다.

각 페이지에서 VuetifyJ의 불필요한 css/js를 제거하려면 어떻게 해야 합니까?

누가 좀 도와줘!!

이 경우 vuetify 로더를 사용할 수 있습니다.

nuxt.config.js에서

    import VuetifyLoaderPlugin from 'vuetify-loader/lib/plugin' 
    ...

    build: {
      transpile: ['vuetify/lib'],
      plugins: [new VuetifyLoaderPlugin()],

플러그인 중

import Vuetify from 'vuetify/lib'
Vue.use(Vuetify)

또는 nuxt-vuetify 모듈을 treeshake 옵션과 함께 사용할 수도 있습니다.

언급URL : https://stackoverflow.com/questions/55216392/vuetify-js-optimization-with-nuxt-js