我正在使用webpack模板和vuetify构建Vue.js应用程序。
要导入vuetify的css,我在App.vue中执行以下操作:
<style>
@import '../node_modules/vuetify/dist/vuetify.min.css'
</style>
这是正确的或唯一的方法吗?因为在使用多个UI组件时似乎不可靠。
我正在使用webpack模板和vuetify构建Vue.js应用程序。
要导入vuetify的css,我在App.vue中执行以下操作:
<style>
@import '../node_modules/vuetify/dist/vuetify.min.css'
</style>
这是正确的或唯一的方法吗?因为在使用多个UI组件时似乎不可靠。
您可以在您的 main.js 中导入它。
import 'vuetify/dist/vuetify.min.css'
为使此功能正常工作,您的webpack配置中应该包含css-loader
在您的webpack中
module: {
loaders: [
{ test: /\.css$/, loader: "css-loader" }
]
}
或者
在你的App.vue组件中添加两个