如何使用Grunt自动引用HTML中的新(缩小和连接)JavaScript文件？

Question

我的index.html页面如下所示:

  <html>     
  <script src="js/file1.js"></script>
  <script src="js/file2.js"></script>
  <script src="js/file2.js"></script>
  </html>

使用grunti能够将js文件连接并缩小为一个文件prod/js/file.min.js.我还有一个新的index.html页面prod/index.html是minify.

现在的问题是这个新index.html页面仍然引用旧的三个javascript文件而不是新的单个javascript文件.我怎么会在咕噜声中改变这个？

最终的html文件应该是:

  <html>     
  <script src="js/file.min.js"></script>
  </html>

Answer 1

您可以使用 grunt-processhtml 插件来替换它