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

时间:2016-11-06 10:04:44

标签: bower jhipster

我在我的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文件中,要添加它我手动将其包含在load-bar.css下面的部分,但是当我重新运行gulp inject时它会被自动删除!当我在任何块之外手动添加它时这是不适合生产资料

包含和捆绑位于bower_components中的css文件的任何专业方式?

1 个答案:

答案 0 :(得分:0)

这可能是因为这些CSS未在您的相关人main的{​​{1}}属性中引用,例如here,请参阅项目中的bower.json以了解如何使用它们。

因此,您可以在JHipster应用程序的gulp/inject.js中为这些依赖项添加overrides.main属性,以便像JHipster does for Bootstrap一样添加它们,或者手动管理它们并将它们复制到{ {1}},(您可能需要将bower.json添加到我未测试的src/main/webapp/content/css