在前端开发中，自动化构建工具是必不可少的。Grunt 是其中比较流行的一种，它可以帮助我们实现自动化构建、代码压缩、图片优化、代码合并等功能。在使用 Grunt 进行构建时，有时需要针对不同的页面设置不同的构建任务，这时就需要用到 Grunt 的多目标功能。
usemin 和 useminPrepare
在 Grunt 中，usemin 和 useminPrepare 是非常重要的两个插件，它们可以帮助我们进行自动化构建，并且支持多目标。
useminPrepare 插件用于准备自动化构建所需的文件列表和配置信息，usemin 插件则根据 useminPrepare 生成的信息将 HTML 中的资源引用替换成指定的文件。
多目标
Grunt 的多目标功能可以让我们为每个页面设置独立的构建任务。下面是一个简单的示例：
------------------
-------------- -
------ -
---- --------------
--
------ -
---- --------------
-
--
------- -
------ -
---- -------------------
--
------ -
---- -------------------
-
--
---
--------------------------- ----------------------- --------------- ---------------------- -----------------在上面的示例中，我们定义了两个目标 task1 和 task2，分别对应于 index.html 和 about.html。为每个目标配置了 useminPrepare 和 usemin 任务，并将其添加到 build 任务中。
结论
使用 Grunt 的多目标功能，可以让我们更加灵活地进行自动化构建。通过 usemin 和 useminPrepare 插件，可以快速而方便地实现多目标构建。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/30858