개발모음집

upgrade to vuetify 2.0 본문

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')

출처 : https://github.com/vuetifyjs/vuetify/releases

'client > Vue' 카테고리의 다른 글

vue-lottie use way  (0) 2019.08.13
vuetify example icons not showing  (0) 2019.08.12
vuejs https  (0) 2019.06.30
vue-cli와 freenom을 이용해서 도메인 등록하는 방법  (0) 2019.06.11
vue vuex example  (0) 2019.02.07