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

Question

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

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

我可以将它默认为一个 link，但为了让它工作，我必须在每次保存时重建项目。

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

Answer 1

您可以用 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>

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

Replacing HTML script tags manually after Grunt Build tools minify and concat to one file?

html

javascript

gruntjs