bower - 咕噜声连线不接线一些 bower 组件

Question

我正在使用 yeoman webapp 生成器生成一个模板来启动我的工作。此时，我的 bower.json 看起来像这样

  {    "name": "sample-project",    "private": true,    "dependencies": {      "bootstrap-sass": "~3.3.5",      "modernizr": "~2.8.3",      "fontawesome": "~4.3.0",      "jquery.smooth-scroll": "~1.5.5",      "animate.css": "~3.3.0",      "jquery.appear": "*"    },    "overrides": {      "bootstrap-sass": {        "main": [          "assets/stylesheets/_bootstrap.scss",          "assets/fonts/bootstrap/*",          "assets/javascripts/bootstrap.js"        ]      }    },    "devDependencies": {      "chai": "~3.0.0",      "mocha": "~2.2.5"    }  }

Now, in cmd prompt I type this while grunt watch is running

bower install bootstrap-datepicker -S

然后我找到了 "bootstrap-datepicker": "~1.4.0"被插入到依赖项部分，然后

<script src="bower_components/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>

将自动连接到我的 index.html 中，它变成了这个

  <!-- build:js(.) scripts/vendor.js -->
  <!-- bower:js -->
     .
     .
     <script src="bower_components/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>
  <!-- endbower -->
  <!-- endbuild -->

然后我尝试将另一个 bower 组件安装到我的 webapp

bower install country-region-selector -S

接下来发生的事情是我找到了 "country-region-selector": "~0.1.8"位于 bower.json 的依赖项部分，如 bootstrap-datepicker，但是相应的

<script src="bower_components/country-region-selector/dist/crs.min.js"></script>

没有进入我的 index.html。

所以我的问题是为什么 gruntwiredep 在某些 bower 组件上不起作用？同样的事情发生在 form.validation有人可以对这个问题有所了解吗？

Answer 1

grunt-wiredep以非常具体的方式工作。依赖项应该列在 main 内的数组中。房产在bower.josn就像你从 bootstrap 中提到的例子一样。

您面临的问题可能是这些软件包没有 main属性或者它在字符串中使用多个文件而不是数组。

要解决此问题，您始终可以为包 main 定义覆盖。属性(property)喜欢以下...

在你的 grunt 文件中:

wiredep: {
    ...
    overrides: {
      'package-name': {
        'main': [
          'link-to-css-file.css',
          'link-to-js-file.js'
        ]
      },
    },
},