如何在Gulp中使用连接的缩小文件

Question

我是Gulp的新手，我能够创建一个site.min.js文件，据我所知，这是我的JavaScript文件的缩小版本。

我如何利用它？

我不确定自己是否走在正确的轨道上，但我的index.html是否也会被修改为仅加载新的min.js文件？

Answer 1

缩小文件时，结果是完全不同的文件。您需要在页面中链接它才能使用它。

<script src="site.min.js"></script>

index.html文件的生产版本应仅链接到缩小版本，并且应删除任何非缩小版本。

有一些gulp插件可以帮助解决这个问题。

• gulp-useref很受欢迎
• gulp-html-replace非常灵活
• gulp-usemin
• gulp-htmlbuild

它们都提供了类似的功能，您可以在HTML注释中指定将被缩小版本替换的块。

<!-- build:js -->
<script src="website-module.js"></script>
<script src="core.js"></script>
<!-- endbuild --> 

在你的gulp任务中有正确的选项，它将成为：

<script src="site.min.js"></script>