使用 Grunt 进行条件 js 缩小答案

【问题标题】：Conditional js minification with Grunt使用 Grunt 进行条件 js 缩小
【发布时间】：2016-12-07 19:43:45
【问题描述】：

我有一个单页的 Angular 应用程序，它的代码在构建之前被缩小和连接。它适用于grunt use-min 任务和 index.html 中的构建块

<!-- build:js js/components.min.js -->
<script src="components/jquery/dist/jquery.js"></script>
<!-- other bower components -->
<!-- endbuild -->

<!-- build:js js/app.min.js -->
<script src="js/app.js"></script>
<!-- other application specific js files -->
<!-- endbuild -->

它最后会创建两个文件：app.min.js 和 components.min.js。

但是现在我需要参数化 grunt 任务以根据参数生成 app.min.js。（我需要一个构建，其中所有内容都将被缩小以用于生产，另一个构建 - 没有缩小应用程序代码 - 用于“业务”目的）。

如何配置 useminPrepare 有时取所有块有时不取？

【问题讨论】：

Alternate grunt.js tasks for dev/prod environments的可能重复
我知道如何参数化 grunt 任务以调用另一部分任务用于开发和生产目的，但我的问题更具体的是如何配置 usemin 以仅获取选定的（不知何故？）块。

标签： javascript gruntjs grunt-usemin

【解决方案1】：

由于我没有得到任何有效的答案，这是我的解决方法：

为“业务”构建创建单独的 grunt 任务
在使用 useminPrepare 处理 index.hmtl 之前，正则表达式替换所有不需要的 usemin 构建 cmets
进行所有处理
从备份中恢复 index.html

【讨论】：