使用 gulp 丑化/缩小 Polymer Web 组件答案

【问题标题】：Uglify/minify Polymer web components using gulp使用 gulp 丑化/缩小 Polymer Web 组件
【发布时间】：2016-05-14 19:26:48
【问题描述】：

我正在尝试使用 gulp 的 uglify 插件来缩小我的 Web 组件，但它失败了，因为它无法识别自定义的 html 标签。

是否有任何 gulp 插件可以缩小包含自定义标签的 html？

【问题讨论】：

标签： polymer minify uglifyjs

【解决方案1】：

试试gulp-htmlmin。

我在硫化后使用它来缩小我的 elements.html 文件，但我想它也应该适用于非硫化元素。这是我在 gulpfile 中调用插件的方式：

.pipe(htmlmin({
    removeEmptyAttributes: true,
    customAttrAssign: [{"source":"\\$="}],
    customAttrSurround: [
        [ {"source": "\\({\\{"}, {"source": "\\}\\}"} ],
        [ {"source": "\\[\\["}, {"source": "\\]\\]"}  ]
    ],
    collapseWhitespace: true,
    // always leave one space
    // because http://perfectionkills.com/experimenting-with-html-minifier/#collapse_whitespace
    conservativeCollapse: true,
    minifyJS: true,
    minifyCSS: true,
    removeComments: true,
    removeCommentsFromCDATA: true,
    removeCDATASectionsFromCDATA: true
}))

【讨论】：

这是一个很好的答案！谢谢

【解决方案2】：

要做到这一点是相当大的挑战。您使用crisper 插件将脚本分解到它自己的文件中。然后，您可以缩小脚本源。然后使用vulcanize 将您的脚本内联回 HTML。

【讨论】：