如何使用 Pug 进行 JavaScript 内联的缩小/混淆？

Question

我正在构建一个网页，使用 Pug 进行开发。 在模块结束时，我加入了一个 script 标签（由于其与 jQuery 不兼容，不能使用普通的 script 标签）：

script.

    // load more videos
    $("#btn-more").click(() => {
        $.get(`#{lang}/videos?quantity=#{numVideos + 2}`)
            .done((videos) => {
                $(videos).ready(() => {
                    $("#videos").replaceWith(videos)
                })
            })
    })

这最终会生成未压缩的代码：

<script>// load more videos
$("#btn-more").click(() => {
    $.get(`en/videos?quantity=6`)
        .done((videos) => {
            $(videos).ready(() => {
                $("#videos").replaceWith(videos)
            })
        })
})</script>

有没有办法让 Pug 压缩代码？我还没有弄清如何在 script 标签上使用过滤器（Uglify JS）。

- Jakob Kenda

Answer 1

1. 首先确保已安装JSTransformer Uglify JS

npm i jstransformer-uglify-js

现在，您应该能够使用:uglify-js过滤器呈现以下模板。

script: :uglify-js
    $("#btn-more").click(() => {
        $.get(`#{lang}/videos?quantity=#{numVideos + 2}`)
            .done((videos) => {
                $(videos).ready(() => {
                    $("#videos").replaceWith(videos)
                })
            })
    })

- Deepak

Answer 2

脚本：uglify-js

// load more videos
$("#btn-more").click(() => {
    $.get(`#{lang}/videos?quantity=#{numVideos + 2}`)
        .done((videos) => {
            $(videos).ready(() => {
                $("#videos").replaceWith(videos)
            })
        })
})

- yanteng yu

---

你是什么意思？ - Jakob Kenda