如何从 Bower 组件中包含和捆绑 css 文件

Question

我正在向我的 jhipster 项目添加一个新的依赖项“tether-shepherd”，以下是我的步骤：

bower install tether-shepherd --save

依赖项已成功安装并添加到 'bower.json'，然后将其添加到 'index.html' 我运行下面的命令

gulp inject

js 文件已成功添加到 index.html 但没有任何 .css 主题文件，当我深入了解已安装的 Bower 组件以安装依赖项时，我在“bower_components/tether-shepherd/dist/css/”目录中找到了所有主题但不包含在 index.html 文件中，为了添加它，我手动将其包含在部分的 loading-bar.css 下方，但是当我重新运行 gulp injection 时它会自动删除！当我在任何块之外手动添加它时不适合生产资料

是否有任何专业的方式来包含和捆绑位于 bower_components 中的 css 文件？

Answer 1

这可能是因为这些 CSS 没有在您的依赖项的 bower.json 的 main 属性中引用，例如 here，请参阅项目中的 gulp/inject.js 以了解它们的使用方式。

因此，您可以在 JHipster 应用程序的 bower.json 中为这些依赖项添加 overrides.main 属性以像 JHipster does for Bootstrap 一样添加它们，或者您手动管理它们并将它们复制到 src/main/webapp/content/css，（您可能需要添加 @ 987654329@ 到你的main.css 我没有测试）。