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

时间:2015-07-18 21:00:58

标签: javascript gruntjs

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

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

使用grunt我可以将js文件连接并缩小为prod/js/file.min.js的一个文件。我在index.html处有一个新的prod/index.html页面正在缩小。

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

最终的html文件应为:

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

1 个答案:

答案 0 :(得分:2)

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

https://www.npmjs.com/package/grunt-processhtml