如何使用HTML缩小器和下划线模板
我的前端代码有一些模板，例如：
<div class="row">
<div class="my-header col-md-1">
<!-- comments -->
{{ title }}
</div>
<div class="my-container col-md-11">
{% if (content) { %}
{{ content }}
{% } else { %}
<p>Empty</p>
{% } %}
</div>
</div>
我使用grunt-contrib-jst将它们全部存储在单个文件中，然后在另一个构建步骤中将包含在单个JS文件中，并将该文件推送到CDN。 这部分工作完美，但我想使用processContent选项来缩小HTML模板代码，其中包含Undercore模板分隔符（ <%...%>替换为{% ... %} ， <%= ... %>替换为{{ ... }} ）。
我想使用html-minifier，但实际上并没有最小化任何东西，显然是因为它试图将模板解析为纯HTML（并且因为模板标签而失败）。
有没有任何Node包/函数可以让我最小化这种模板？ 我想在源代码模板中使用注释和空白，但是在生成的构建文件中不需要任何东西。
现在我在JST设置中有这个：
processContent: function (content) {
return content
.replace(/^[x20t]+/mg, '')
.replace(/[x20t]+$/mg, '')
.replace(/^[rn]+/, '')
.replace(/[rn]*$/, 'n');
},
...
但我想尽量减少一切可能，这就是为什么我使用html-minifier尝试的原因。
谢谢！
我无法真正帮助最小化下划线模板分隔符，仍然试图找出自己做到这一点的最佳方式，但您可能需要考虑通过htmlclean运行模板。 我将它与r.js一起使用，它非常适合剥离代码中的换行符和空格。 用法示例：
var htmlclean = require('htmlclean');
// ...
processContent: function (content) {
return htmlclean(content)
.replace(/^[x20t]+/mg, '')
.replace(/[x20t]+$/mg, '')
.replace(/^[rn]+/, '')
.replace(/[rn]*$/, 'n');
},
我在HTML中使用这个方法时没有任何问题，它在那里有下划线模板。 我希望它能帮助你。
链接地址: http://www.djcxy.com/p/20639.html