【问题标题】:Replacing HTML script tags manually after Grunt Build tools minify and concat to one file?在 Grunt Build 工具缩小并连接到一个文件后手动替换 HTML 脚本标签?
【发布时间】:2018-05-17 17:03:29
【问题描述】:

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

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

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

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

【问题讨论】:

    标签: javascript html gruntjs


    【解决方案1】:

    您可以用grunt-concat-blocks 替换您的concat 任务,它允许您在它自己的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>
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2021-09-04
      • 1970-01-01
      • 2012-06-07
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多