gulp - Bower 包 css 未添加到 vendor.css

Question

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

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

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

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

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

任何指针？

谢谢。约翰。

Answer 1

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

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

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