javascript - 无法缩小 Vue.js 应用程序

Question

我有一个带有以下代码摘录的 Vue.js 应用程序:

(function() {
    initApp();
})();

function initApp() {
    window.myApp = new Vue({
        el: '#wrapper',
        data() {
		return {
		somedata: []
            }
        }
    });
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.16/vue.min.js"></script>

当我尝试缩小它时，它失败并显示错误 Error : Unexpected token: punc (() 但应用程序运行成功。我不确定为什么？

Answer 1

那些压缩器只支持旧版本的 JavaScript。他们最多支持 ES5。要使您的代码工作，请转换它:

(function() {
    initApp();
})();

function initApp() {
    window.myApp = new Vue({
        el: '#wrapper',
        data: function() { // changed this line
            return {
                somedata: []
            }
        }
    });
}

它应该压缩。

详情:

They use uglify-js: "^3.3.10" ，以 not supporting ES6(uglify-es does) 而闻名.

来自 their repo (强调我的):

UglifyJS 3

UglifyJS is a JavaScript parser, minifier, compressor and beautifier toolkit.

Note:

• (...)
• uglify-js only supports JavaScript (ECMAScript 5).
• To minify ECMAScript 2015 or above, transpile using tools like Babel.