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"
    }
  }

现在，在cmd提示符下，当grunt watch正在运行时键入此内容

bower install bootstrap-datepicker -S

然后我发现"bootstrap-datepicker": "~1.4.0"已插入依赖项部分，然后

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

将自动wiredep到我的index.html，它就变成了这个

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

然后我尝试在我的webapp上安装另一个bower组件

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>

没有将wiredep输入我的index.html。

所以我的问题是为什么grunt wiredep不适用于某些凉亭组件？同样的事情发生在form.validation任何人都可以解释这个问题吗？

Answer 1

grunt-wiredep以非常具体的方式运作。依赖项应该列在main中bower.josn属性内的数组中，就像你在bootstrap中提到的那样。

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

要解决此问题，您始终可以为包main属性定义覆盖，如下所示......

在你的grunt文件中：

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

Grunt wiredep没有连接一些凉亭组件

1 个答案: