【发布时间】:2017-05-02 17:35:08
【问题描述】:
我是 Gulp 的新手,我能够创建一个 site.min.js 文件,据我所知,这是我的 JavaScript 文件的缩小版本。
我该如何利用它?
我不确定我是否走在正确的轨道上,但我的 index.html 是否也应该被修改为仅加载新的 min.js 文件?
【问题讨论】:
标签: javascript html gulp minify
我是 Gulp 的新手,我能够创建一个 site.min.js 文件,据我所知,这是我的 JavaScript 文件的缩小版本。
我该如何利用它?
我不确定我是否走在正确的轨道上,但我的 index.html 是否也应该被修改为仅加载新的 min.js 文件?
【问题讨论】:
标签: javascript html gulp minify
当你缩小一个文件时,结果是一个完全不同的文件。您需要在页面中链接它才能使用它。
<script src="site.min.js"></script>
您的index.html 文件的生产版本应该只链接到缩小版本,任何非缩小版本都应该被删除。
有一些 gulp 插件可以帮助解决这个问题。
它们都提供类似的功能,您可以在 HTML cmets 中指定将被缩小版本替换的块。
<!-- build:js -->
<script src="website-module.js"></script>
<script src="core.js"></script>
<!-- endbuild -->
在您的 gulp 任务中使用正确的选项,它将变成:
<script src="site.min.js"></script>
【讨论】: