将闭包编译器与已编译的 vue.js 模板一起使用

Question

是否可以将 google 闭包编译器与已编译的 Vue.js 模板一起使用？

罪魁祸首是编译后的vue模板使用了"with"，如：

with(this){/** render function here **/}

... 闭包编译器不喜欢这样，因此抱怨：

The with statement cannot be used in strict mode.

但是，我不确定这是否真的是严格模式造成的，因为在源代码（用 webpack 打包）中有问题的函数中没有 "use strict";:

/***/ "./my/compiled/vue/template":
/***/ (function(module, exports) {
    module.exports = {
      render: function(){with(this){ /** render function here **/ }},
      staticRenderFns: []
    };
/***/ })

现在，问题是是否有办法在闭包编译器中进行编译？认为最简单的方法是告诉编译器通过该代码而不对它做任何事情（未最小化的代码运行得很好，所以它似乎是有效的），但似乎没有这样的选择。

还有其他想法吗？

Answer 1

好的，我想我现在知道如何解决这个问题了。事实证明，使用已编译的 .vue 模板，根据构建方式的不同，似乎会有不同的输出。由于我只需要编译模板——但没有完整的单个文件组件——我使用了更简单的 vue-template-compiler-loader，它使用官方编译器并产生我描述的有问题的输出。现在，我尝试使用更复杂的 vue-loader（更适合单个文件组件）进行构建，它似乎也适用于 "template only" 的文件。而且该加载器的输出似乎不同，因为生成的渲染函数不包含 with(this)!

此代码现在在闭包编译器中编译没有问题，并且在 IE10（我的"lowest target"）中首次测试运行表明构建现在很好！

感谢 @tony19 为我指明了正确的方向！

将闭包编译器与已编译的 vue.js 模板一起使用

Use closure compiler with compiled vue.js templates

javascript

vue.js

webpack

google-closure-compiler