Grunt缩小并引用.min文件

Question

我需要：

1. 将index.html复制到index.uncompressed.html
2. 将index.html中的部分引用从.js更改为.min.js（即my_jsfile.js更改为my_jsfile.min.js） 3）缩小index.html

我正在使用Grunt。

• 3号没问题。
• 我认为1号很容易。
• 对于2号，我打算使用某种Grunt编辑插件并将.js和<!-- Start Here -->之间的所有<!-- End here -->文件引用从my_jsfile.js更改为{{1 }}。

这是这种事情的完成方式吗？

Answer 1

我在这种情况下使用的资源是grunt-processhtml，这将完全符合您的要求。看看我的一个回购，steady-backbone-boilerplate，我用它来完成你所描述的。

特别是，我发现这是一个有用的例子：

<!-- build:[src] js/source.min.js -->
  <script data-main="js/main" src="js/vendor/require.js"></script>
<!-- /build -->

因此，在开发中，我们使用requirejs脚本来加载所有依赖项。在我们的生产index.html文件中，我们正在加载源js文件，该文件已使用grunt-requirejs模块缩小。