vue.js - 如何将 vuetify 1.4 升级到 vuetify 2.0 版本

Question

我正在尝试将当前版本的 vuetify 1.4 升级到 2.0，需要帮助

Answer 1

当我遇到这个问题时遇到了这个问题，这是我所做的:

npm install vuetify@latest

更新 vuetify。然后更改 vuetify 对象的初始化。花了一段时间才找到(实际上显然已放置，但很难用谷歌搜索) official guide .

正如我使用的 插件 体系结构，我根据第一个示例更改了文件:

// v2.0
// src/plugins/vuetify.js

import Vue from 'vue';
import Vuetify from 'vuetify/lib';

Vue.use(Vuetify);

export default new Vuetify({
  icons: {
    iconfont: 'mdi',
  },
});

// src/main.js
import Vue from 'vue'
import App from './App.vue'
import vuetify from './plugins/vuetify';

Vue.config.productionTip = false

new Vue({
  vuetify,
  render: h => h(App)
}).$mount('#app')

然后我遇到了 sass-loader 的介绍性问题。要解决此问题，请安装 sass、sass-loader 和 vuetify-loader 作为开发依赖项:

npm install --save-dev sass sass-loader@7 vuetify-loader

请注意，我决定在第 7 版中强制使用 sass-loader，因为我无法让第 8 版正常工作，但我依稀记得看到一个关于如何使其工作的说明，但我再也找不到了。

在此之后，您可以开始迁移您的代码。我必须感谢我乐于助人的同事为我解决了一半的问题。