防止闭包编译器重复字符串

Question

我正在使用 Google 的 Closure 编译器来缩小我的 JS。我的代码中有几个地方有重复的字符串，例如

(function($){


$('.bat').append('<p>the red car has a fantastically wonderfully awe inspiringly world class engine</p><p>the blue car has a fantastically wonderfully awe inspiringly world class stereo</p><p>the green car has a fantastically wonderfully awe inspiringly world class horn</p>')

})(jQuery);

编译器没有最小化冗余（这是预期的），所以我自己在“预编译”代码中做了它：

(function($){

   var ch = ' car has a fantastically wonderfully awe inspiringly world class ';
   $('.bat').append('<p>the red'+ch+'engine</p><p>the blue'+ch+'stereo</p><p>the green'+ch+'horn</p>')

})(jQuery);

但是当我通过编译器运行它时，它会反转我的压缩，这会产生更多的字符。它输出：

(function(a){a(".bat").append("<p>the red car has a fantastically wonderfully awe inspiringly world class engine</p><p>the blue car has a fantastically wonderfully awe inspiringly world class stereo</p><p>the green car has a fantastically wonderfully awe inspiringly world class horn</p>")})(jQuery);

有办法防止这种情况发生吗？知道为什么这样做吗？这是运行时性能的改进吗？

谢谢

Answer 1

此行为记录在此处：

https://github.com/google/closure-compiler/wiki/FAQ#closure-compiler-inlined-all-my-strings-which-made-my-code-size-bigger-why-did-it -do-that

但是，当我添加一个值得重复数据删除的非常大的字符串时，我用来避免的一种方法是将值包装在函数中：

const getCssStyleSheetText = () => "...";

并在需要文本时调用该函数。编译器在内联函数时使用不同的启发式方法，并且仅在估计函数会减少代码大小时才会内联函数。因此，如果返回字符串的函数被调用一次，则该函数将被内联，但如果被调用多次，则将被保留。

理想情况下，编译器在内联字符串方面会更加细致一些，但总的来说，它所采用的方法效果很好。