Vuetify js Optimization with Nuxt JS

Question

We are using Nuxtjs 2.3.4 and VuetifyJS 1.2.10.

There is a lot of unused CSS and js from VuetifyJs on each and every page.

How can I remove unwanted css/js of VuetifyJs from each page??

Can anyone help!!

Answer 1

You can use vuetify loader for this

In your nuxt.config.js

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

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

in plugins

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

Or you can just use nuxt-vuetify module with treeshake option