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

标签 javascript html gruntjs

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

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

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

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

最佳答案

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

关于javascript - 在 Grunt Build 工具缩小并连接到一个文件后手动替换 HTML 脚本标签?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50396924/

相关文章:

PHP 标签内 <<<HTML ...... HTML;

javascript - 选项卡内容未按预期工作

HTML - 中心列表和图标到底部

javascript - 旋转代码进行混淆

javascript - firefox 和 chrome 中 offsetwidth 的不同值

php - 如何阻止机器人和垃圾邮件提交评论?

javascript - JQuery Handsontable - remove_col 不起作用

Javascript 添加前导零至今

gruntjs - 使用 grunt 将许多目录中的许多文件连接到新目录中的单个重命名文件中

node.js - 咕噜服务不工作