时间戳

首页 > 解决方案 > 在 Grunt Build 工具缩小并连接到一个文件后手动替换 HTML 脚本标签？

javascript - 在 Grunt Build 工具缩小并连接到一个文件后手动替换 HTML 脚本标签？

问题描述

使用 Grunt 脚本将开发文件构建到分发文件夹中。在开发过程中，我编辑了多个不同的 JS 文件并将其导入到 HTML 文件中。在 Grunt 构建之后，它们被 uglified 并放入一个 JS 文件中。

但是，当我这样做来构建 dist 文件夹时，我必须转到 HTML 文件并将脚本链接替换为单个链接。

我可以将其默认为一个链接，但要使其正常工作，我必须在每次保存时都重建项目。

这是正常的吗？我觉得手动更改它们不是它应该完成的方式，脚本可以解决这个问题吗？

标签： javascripthtmlgruntjs

解决方案

您可以用 替换您的 concat 任务grunt-concat-blocks，它允许您在它自己的 html 上指定要连接的文件，因此作为副作用，它还会将列表更改为连接文件，就像您请求的那样：]。

<!-- build:js scripts/combined.concat.min.js -->
<script type="text/javascript" src="scripts/a.js"></script>
<script type="text/javascript" src="scripts/b.js"></script>
<!-- endbuild -->

会变成：

<script type="text/javascript" src="scripts/combined.concat.min.js"></script>

推荐阅读