如何在vuejs中導入node_modules的所有css

Question

我正在構建一個以webpack模板開始的vue.js應用程序，並且vuetify。 要導入vuetify CSS林在我App.vue

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

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

Answer 1

可以在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> 

Answer 2

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

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