如何使用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之间的所有endbuild都会endbuild 。 因此，如果要缩小其他库的大小，请将它们放在这两个注释行之间。

注意： Yeoman有一个有角的种子：

yeoman init angular