如何强制 Yeoman 生成的 Angular 项目的 bower.json 使用 .min.js 版本？

Question

我目前正在处理 Yeoman 生成的 Angular 项目。

我想强制 bower.json 只使用依赖项的 *.min.js 文件而不是完整的 *.js 版本。我确定这相对容易配置，但我似乎无法弄清楚。

例如，以下是自动注入的：

<script src="bower_components/angular-chart/angular-chart.js"></script>

而不是：

<script src="bower_components/angular-chart/angular-chart.min.js"></script>

这是相关部分的完整 HTML：

<!-- build:js(.) scripts/vendor.js -->
<!-- bower:js -->
<script src="bower_components/jquery/dist/jquery.js"></script>
<script src="bower_components/angular/angular.js"></script>
<script src="bower_components/bootstrap/dist/js/bootstrap.js"></script>
<script src="bower_components/angular-animate/angular-animate.js"></script>
<script src="bower_components/angular-cookies/angular-cookies.js"></script>
<script src="bower_components/angular-resource/angular-resource.js"></script>
<script src="bower_components/angular-route/angular-route.js"></script>
<script src="bower_components/angular-sanitize/angular-sanitize.js"></script>
<script src="bower_components/angular-touch/angular-touch.js"></script>
<script src="bower_components/angular-utils-pagination/dirPagination.js"></script>
<script src="bower_components/spin.js/spin.js"></script>
<script src="bower_components/angular-spinner/angular-spinner.js"></script>
<script src="bower_components/d3/d3.js"></script>
<script src="bower_components/c3/c3.js"></script>
<script src="bower_components/angular-circular-navigation/angular-circular-navigation.js"></script>
<script src="bower_components/angular-chart/angular-chart.js"></script>
<!-- endbower -->
<!-- endbuild -->

如有任何帮助，我们将不胜感激。谢谢！

Answer 1

想法是，当您 运行 将其用于开发时，您希望使用非缩小的 js，这样如果有任何问题，您可以轻松阅读源代码。要 运行 进行开发，您只需使用：

grunt serve

然后当您准备好部署它时，您只需 运行:

grunt

这将产生一个缩小的组合 scripts/vendor.js。完整的构建解决方案将在 dist 文件夹中。