Bower 包 css 未添加到 vendor.css答案

【问题标题】：Bower package css not added to vendor.cssBower 包 css 未添加到 vendor.css
【发布时间】：2015-04-23 01:16:52
【问题描述】：

我正在为我的项目使用这个 yeoman 生成器 (https://github.com/Swiip/generator-gulp-angular)。并添加了几个 bower 库，即 videojs、ngDialog。

我遇到的问题是这些库中包含的 css 文件没有像其他包一样打包到 vendor.css 文件中。我知道生成器使用wiredep，但恐怕我对它的了解还不够，无法找出问题所在。

基本上，当我查看源代码时，我看到 vendor.css 样式包含下面有样式包含，例如。

<link rel="stylesheet" href="../bower_components/ngDialog/css/ngDialog.css">

还要注意它是如何使用“../”来包含的。如果我位于根目录以外的目录中的 HTML 文件中，这将中断。

任何指针？

谢谢。约翰。

【问题讨论】：

【解决方案1】：

基本上你不必担心构建过程，gulp-angular 提供的gulpfile 为你未来的配置很好，包括凉亭组件。

运行bower install your_component 后，请务必在命令行中再次运行gulp build，然后它将所需的样式包含到您的 index.html 中。

如果您想了解更多关于它的底层过程，您可以查看第 12 行到第 20 行的 yourapp/src/index.html 以了解它。对于您的 Bower 组件，wiredep 如何工作，official document 就足够了。

【讨论】：

谢谢@kavare。在运行bower install your_component 之后，我尝试运行gulp build。但是，组件的 css 仍然被单独包含，而不是被转储到 vendor.css 文件中。有趣的是，vendor.css 中肯定有一些来自 bootstrap 和 bootstrap 的东西。有什么我可以在这里发布来帮助解决问题的吗？谢谢。