【问题标题】:How to use concatenated minified file in Gulp如何在 Gulp 中使用连接的缩小文件
【发布时间】:2017-05-02 17:35:08
【问题描述】:

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

我该如何利用它?

我不确定我是否走在正确的轨道上,但我的 index.html 是否也应该被修改为仅加载新的 min.js 文件?

【问题讨论】:

    标签: javascript html gulp minify


    【解决方案1】:

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

    <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>
    

    【讨论】:

    • 知道了,我有点惊讶,有几十个缩小和连接示例现成可用,但实际上无法链接到生成的文件,所有这些都没用,感觉就像我失踪了某物。感谢您的帮助!
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-05-30
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多