为什么我运行 npm install [someLibraryName] 时会安装 css？答案

【问题标题】：Why does css get installed when I run npm install [someLibraryName]?为什么我运行 npm install [someLibraryName] 时会安装 css？
【发布时间】：2019-07-27 07:31:14
【问题描述】：

当我运行这个命令时...

npm install vue-material

它似乎在我的应用程序中安装并覆盖了一些导致 css 冲突的 css。我必须搜索并找到确切的 css 部分，并直接在特定的 vue 组件部分覆盖它。

在安装 NPM 包时有没有办法防止这种情况发生？

技术用途：

vue.js
网页包
材料-vue

【问题讨论】：

Vue Material 似乎是一组用于 Vue 框架的样式化组件。除了 CSS 之外，组件库还应该如何设置样式？在安装 NPM 包以确保它是你想要的之前，你真的需要做你的研究......
仅安装 npm 包不会覆盖您的样式，除非您在应用程序的某处包含该包。此外，大多数框架都带有自己的类集，因此如果您使用该框架，则需要确保类的命名约定不会与框架冲突。如果需要自定义主题，可以看Creating themes docs
@HereticMonkey 我想我不明白 npm install X package 如何在我的项目中全局包含它自己的 CSS？它在哪里被引用？
@ljubadr 好的，如果我在我的应用程序中的 vue 组件上包含 vue-material css 尚未渲染，为什么在非渲染组件上导入 css 会覆盖 css另一个组件？让我知道这是否有意义
您是否按照Getting started 的步骤进行操作？您是否在任何时候添加了import 'vue-material/dist/vue-material.min.css'？

标签： css vue.js npm webpack vue-material

【解决方案1】：

我相信我找到了我要找的东西，谢谢@ljubadr 的帮助。

在推荐的Getting Started vue 材料指南中指出您可以：

import 'vue-material/dist/vue-material.min.css'

但是，如果您只需要一个组件，这应该适用于特定 vue 组件上的特定 CSS 需求：

import 'vue-material/dist/Components/MdCard/index.css'

【讨论】：

很高兴您找到了解决方案