如何用Yeoman缩小Bower组件？

Question

当我执行:

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或类似的东西.

有任何想法吗？

Answer 1

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:js,并endbuild会被精缩.因此,如果您想缩小其他库,请将它们放在这两个注释行之间.

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

yeoman init angular