如何在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';