Gulp 不注入 jquery ui 主题 css答案

【问题标题】：Gulp not injecting jquery ui theme cssGulp 不注入 jquery ui 主题 css
【发布时间】：2015-08-28 13:42:11
【问题描述】：

我正在使用this 生成一个 gulp 应用程序。我在 bower.json 中添加了 jquery ui，但由于某些奇怪的原因，jquery ui 主题 css 不会自动注入。 JS文件被注入了。这是我的 bower.json 的样子：

{
  "name": "app",
  "version": "0.0.1",
  "dependencies": {
    "angular-cookies": "~1.3.16",
    "angular-sanitize": "~1.3.16",
    "jquery": "~2.1.4",
    "jquery-ui": "1.11.4",
    "angular-resource": "~1.3.16",
    "angular-i18n": "1.4.4",
    "bootstrap-sass-official": "~3.3.4",
    "angular-bootstrap": "~0.13.0",
    "malarkey": "yuanqing/malarkey#~1.3.0",
    "toastr": "~2.1.1",
    "moment": "~2.10.3",
    "animate.css": "~3.3.0",
    "angular": "~1.3.16",
      "angular-bootstrap-datetimepicker": "0.3.13",
    "ag-grid": "1.12.4",
    "nya-bootstrap-select": "~2.0.10",
    "angular-messages": "~1.3.16",
       "angular-ui-router":"0.2.15",
    "angular-translate": "2.7.2",
    "angular-translate-loader-url": "2.7.2",
    "angular-translate-loader-static-files" : "2.7.2"
  },
  "devDependencies": {
    "angular-mocks": "~1.3.16"
  },
  "resolutions": {
    "jquery": "~2.1.4",
    "angular": "~1.3.16"
  }
}

有人知道我错过了什么吗？

【问题讨论】：

你的 gulp 文件是什么样的？需要在gulp文件中添加一行选择主题css

标签： jquery jquery-ui gulp bower

【解决方案1】：

以下对 bower.json 的配置对我有用：

"overrides": {
  "jquery-ui": {
    "main": [
      "jquery-ui.js",
      "themes/smoothness/jquery-ui.min.css"
    ]
  }
 }

这可能对某人有所帮助。

最好的问候，

【讨论】：

是的，这对我来说是必要的，否则 main-bower-files 不会包含 CSS 文件。
顺便说一句，我认为路径必须是“themes/smoothness/**/*”才能在构建中包含图像。