使用Nuxt JS进行Vuetify js优化

时间:2019-03-18 07:29:07

标签: javascript webpack vuejs2 vuetify.js nuxt.js

我们正在使用Nuxtjs 2.3.4和VuetifyJS 1.2.10。

每个页面上都有大量来自VuetifyJs的未使用CSS和js。

如何从每个页面中删除VuetifyJs的不需要的CSS / js?

任何人都可以帮忙!

1 个答案:

答案 0 :(得分:0)

您可以为此使用vuetify loader

在您的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模块与treehake选项一起使用