2017-07-08 180 views
0

我正在構建一個以webpack模板開始的vue.js應用程序,並且vuetify。 要導入vuetify CSS林在我App.vue如何在vuejs中導入node_modules的所有css

<style> @import '../node_modules/vuetify/dist/vuetify.min.css' </style>

這樣做這是正確的或唯一的出路?因爲在使用多個UI組件時它看起來並不可靠。

回答

4

可以在YOUT main.js

import 'vuetify/dist/vuetify.min.css' 

導入這個工作,你應該有css-loader在你的WebPack配置

在你的WebPack

module: { 
    loaders: [ 
    { test: /\.css$/, loader: "css-loader" } 
    ] 
} 

在你App.vue組件添加兩個樣式的標籤,一個全球樣式,App.vue的入口點和其他的作用域的風格,如果您有任何與作用域attribute.See src imports

<style src='vuetify/dist/vuetify.min.css'> 
    /* global styles */ 
</style> 

<style scoped> 
    /* local styles */ 
</style> 
0

我想你應該創建一個項目並導入vuetify CSS這樣

import 'vuetify/dist/vuetify.min.css'; 
相關問題