如何使用 js-minifier答案

【问题标题】：how to use js-minifier如何使用 js-minifier
【发布时间】：2012-10-28 18:21:35
【问题描述】：

我试图缩小这个小插件with this minifier，但结果是错误的。 (* a.b 和 c 未定义等*)

有没有人看到有什么问题，或者是否有一些在线工具也可以检查它是否有效？

谢谢，理查德

编辑 *插件现在没有错误*

(function($) {

$.fn.bar = function(options) {
    var opts = $.extend({}, $.fn.bar.defaults, options);
    return this.each(function() {
        $this = $(this);
        var o = $.meta ? $.extend({}, opts, $this.data()) : opts;

        $this.click(function(e){
            if(!$('.jbar').length){
                var _remove_cross = "";
                timeout = setTimeout(function(){$.fn.bar.removebar();},o.time);
                var _message_span = $(document.createElement('span')).addClass('jbar-content').html(o.message);
                _message_span.css({"color" : o.color});
                var _wrap_bar;
                _wrap_bar   = (o.position == 'bottom') ? 
                 $(document.createElement('div')).addClass('jbar jbar-bottom'):
                 $(document.createElement('div')).addClass('jbar jbar-top') ;

                _wrap_bar.css({"background-color"   : o.background_color});
                if(o.removebutton){
                    _remove_cross = $(document.createElement('a')).addClass('jbar-cross');
                    _remove_cross.click(function(e){$.fn.bar.removebar();});
                }
                else{               
                    _wrap_bar.css({"cursor" : "pointer"});
                    _wrap_bar.click(function(e){$.fn.bar.removebar();});
                }   
                _wrap_bar.append(_message_span).append(_remove_cross).hide().insertBefore($('.content')).fadeIn('fast');
            }else{
                $('.jbar').find('.jbar-content').html(o.message);
            }
        });

        if(o.auto)$this.trigger('click');

    });
};
var timeout;
$.fn.bar.removebar  = function(txt) {
    if($('.jbar').length){
        clearTimeout(timeout);
        $('.jbar').fadeOut('fast',function(){
            $(this).remove();
        });
    }   
};
$.fn.bar.defaults = {
    background_color    : '#FFFFFF',
    color               : '#191919',
    position            : 'top',
    removebutton        : false,
    time                : 8000,
    auto:true
};
})(jQuery);

【问题讨论】：

我不知道压缩器，但你可以试试one of the more popular ones。
谢谢，我觉得这个也不错，从google得到的，我去看看
这不是缩小问题..你的代码有问题..jsbin.com/ipemud/1/edit
您能否将其发布在答案中，因为这样我可以将其标记为解决方案。 jsbin 是一个很好的验证器，我不知道
我只剩下一个错误，但那个似乎是合法的---第 18 行：_wrap_bar = $(document.createElement('div')).addClass('jbar jbar-top') ; --- 期望一个赋值或函数调用，而是看到一个表达式。

标签： jquery jquery-plugins minify

【解决方案1】：

您可以使用UglifyJS 的在线版本或使用GitHub 上的源代码，以便您自己使用。

缩小版，

(function(e){e.fn.bar=function(n){var r=e.extend({},e.fn.bar.defaults,n);return this.each(function(){$this=e(this);var n=e.meta?e.extend({},r,$this.data()):r;$this.click(function(r){if(!e(".jbar").length){var i="";t=setTimeout(function(){e.fn.bar.removebar()},n.time);var s=e(document.createElement("span")).addClass("jbar-content").html(n.message);s.css({color:n.color});var u;u=n.position=="bottom"?e(document.createElement("div")).addClass("jbar jbar-bottom"):e(document.createElement("div")).addClass("jbar jbar-top"),u.css({"background-color":n.background_color}),n.removebutton?(i=e(document.createElement("a")).addClass("jbar-cross"),i.click(function(t){e.fn.bar.removebar()})):(u.css({cursor:"pointer"}),u.click(function(t){e.fn.bar.removebar()})),u.append(s).append(i).hide().insertBefore(e(".content")).fadeIn("fast")}else e(".jbar").find(".jbar-content").html(n.message)}),n.auto&&$this.trigger("click")})};var t;e.fn.bar.removebar=function(n){e(".jbar").length&&(clearTimeout(t),e(".jbar").fadeOut("fast",function(){e(this).remove()}))},e.fn.bar.defaults={background_color:"#FFFFFF",color:"#191919",position:"top",removebutton:!1,time:8e3,auto:!0}})(jQuery)

【讨论】：

谢谢，uglify 工作正常，除了末尾缺少分号

【解决方案2】：

下次给 www.blimptontech.com 一个镜头来满足你的 JS 缩小需求。很棒的工具，使用 UglifyJS。甚至可以将文件合并为一个，同时在此过程中将其缩小。

【讨论】：