如何将vuetify 1.4升级到vuetify 2.0版本

Question

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

Answer 1

当我遇到问题时遇到这个问题时，我做了以下事情：

npm install vuetify@latest

更新vuetify。然后更改vuetify对象的初始化。找到了（实际上很明显，但很难用谷歌找到的）官方指南。

在使用插件架构时，我根据第一个示例更改了文件：

// 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安装为dev依赖项：

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

请注意，我决定在版本7中强制使用sass-loader，因为我无法使版本8正常工作，但是我微弱地记得看到有关如何使其正常工作的说明，但我找不到它。

之后，您可以开始迁移代码。我要感谢我乐于助人的同事为我解决了其中的一半。