如何在Vue.js中导入所有node_modules的CSS

Question

我正在使用webpack模板和vuetify构建Vue.js应用程序。

要导入vuetify的css，我在App.vue中执行以下操作：

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

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

- Diego Manjarrés

---

虽然 @vamsi 给出了导入的语法，但我发现我不需要修改 webpack 配置。这样做会导致编译错误。请参见此处的说明：https://dev59.com/EVoU5IYBdhLWcg3w35gM - Collierton

Answer 1

您可以在您的 main.js 中导入它。

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

为使此功能正常工作，您的webpack配置中应该包含css-loader

在您的webpack中

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

或者

在你的App.vue组件中添加两个

- Vamsi Krishna