如何用Yeoman缩小Bower组件?

时间:2013-01-11 15:45:37

标签: javascript angularjs yeoman bower

执行时:

yeoman init angular
yeoman install https://github.com/angular/bower-angular.git
yeoman build

然后

ls dist/components/bower-angular/

返回

angular.js  component.json

虽然我期望angular.js缩小并重命名为d10639ae.angular.js或类似的东西。

有什么想法吗?

1 个答案:

答案 0 :(得分:6)

Yeoman的缩小由usemin-handler

处理

<强> GruntFile.js

 // usemin handler should point to the file containing
    // the usemin blocks to be parsed
    'usemin-handler': {
      html: 'index.html'
    },

请打开index.html

它应包含如下代码:

    <script src="scripts/vendor/angular.js"></script>

    <!-- build:js scripts/scripts.js -->
    <script src="scripts/app.js"></script>
    <script src="scripts/controllers/main.js"></script>
    <!-- endbuild -->

build:jsendbuild之间的所有内容都将缩小。因此,如果您想缩小其他库,请将它们放在这两个注释行之间。

注意: Yeoman有一个有角度的种子:

yeoman init angular