如何使用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或类似的名称。

你有什么想法吗？

- Pieter Herroelen

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

- asgoth

---

出于好奇，你可以有多个build/endbuild部分吗？ - msanford

@msanford：当然可以。例如，您可以有一个“scripts.js”和一个“style.css”部分。 - asgoth