angular - 如何为 3rd 方组件添加自定义样式？

Question

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

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

因为这是在构建时生成的，所以我不想更改 vendor.css 或提交它。

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

Answer 1

显然您不能在 node_modules 文件夹中修改它，因为 node_modules 永远不应该包含在代码存储库和您的更改中。因此，有两种选择:

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

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