如何将自定义样式添加到 3rd 方组件？

Question

为我通过 下载的 3rd 方组件自定义样式的推荐方法是什么npm？

例如组件ng2-tag-input。我运行了一个 webpack 构建，它将所有 3rd 方 js 文件捆绑到一个 vendor.js 中，并将所有 3rd 方 css 捆绑到一个vendor.css.

由于这是在构建时生成的，因此我不想对其进行更改vendor.css或提交。

假设我想将自己的样式添加到 中ng2-tag-input，如何最好地做到这一点？我应该自己覆盖它的样式site.css还是有其他方法？

Answer 1

显然你不能在node_modules文件夹中修改它，因为node_modules永远不应该包含在代码存储库和你的更改中。所以，有两个选择：

1. 用你自己的CSS覆盖样式（更具体的规则）
2. 不要使用 npm 并手动包含 ts/css

如果我需要更改组件，我实际上更喜欢第二个选项，因为有时不同插件版本之间无法保证兼容性。