javascript - 如何使用 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 有一个 Angular 种子:

yeoman init angular