client/Vue
upgrade to vuetify 2.0
void
2019. 8. 5. 10:00
Vuetify 1.3 에서 2.4로 업그레이드를 하는데 package.json에서 "vuetify": "^2.0.4"로 숫자를 바꿔준다고 해결이 되지 않았다.
아마 Vuetify가 2.0 버전이 되면서 sass 도입을 한 것 같은데,
# npm install sass fibers --dev
# npm i sass-loader
# npm i node-sass
설치후 아래와 같이 코드를 수정해주면 된다.
// 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')