使用 Nuxt JS 进行 Vuetify js 优化

Question

我们使用 Nuxtjs 2.3.4 和 VuetifyJS 1.2.10。

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

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

谁能帮忙！！

Answer 1

您可以为此使用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 选项