如何在vuejs中导入node_modules的所有css
问题描述:
我正在构建一个以webpack模板开始的vue.js应用程序,并且vuetify。 要导入vuetify CSS林在我App.vue如何在vuejs中导入node_modules的所有css
<style> @import '../node_modules/vuetify/dist/vuetify.min.css' </style>
这样做这是正确的或唯一的出路?因为在使用多个UI组件时它看起来并不可靠。
答
可以在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>
答
我想你应该创建一个项目并导入vuetify CSS这样
import 'vuetify/dist/vuetify.min.css';