Javascript 如何在vuejs中导入节点_模块的所有css

我正在构建一个Vue.js应用程序，从webpack模板和vuetify开始。 要导入vuetify css，我在我的App.vue中执行此操作

@导入“../node_modules/vuetify/dist/vuetify.min.css”

---

这是正确的还是唯一的方法？因为它在使用多个UI组件时似乎不可靠。

您可以在youtmain.js中导入它

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

要使其正常工作，您的网页配置中应该有

css加载器

在您的网页中

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

或

在App.vue组件中添加两个样式标记，一个用于全局样式，如App.vue是入口点，另一个用于范围样式（如果您有任何具有范围属性的样式）。请参阅

/*全局样式*/
/*地方风格*/

虽然@vamsi的回答提供了导入的语法，但我发现我不需要修改网页配置。这样做会导致编译错误。有关说明，请参见此处：

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

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