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 有一个角种子：

yeoman init angular