How to unminify the js files?

Question

How can I unminify js file which is minify from webpack tool.

Before minify,

function autoslideSlider() {
  $('.next-slide').trigger('click');
}
$(window).on('load', function(){
  $('.preloader').fadeOut('fast');
     $('#after_load').addClass('show');
     setInterval(autoslideSlider, 8000);
});
$('a').on('click', function () {
    if (location.pathname.replace(/^\//, '') === this.pathname.replace(/^\//, '') && location.hostname === this.hostname) {
        var $target = $(this.hash);
        $target = $target.length && $target;
        // $('[name=' + this.hash.slice(1) + ']');
        if ($target.length) {
            var targetOffset = $target.offset().top - 20;
            $('html,body').animate({
                scrollTop: targetOffset
            }, 1500);
            return false;
        }
    }
});

After minify,

!function(e){var t={};function n(o){if(t[o])return t[o].exports;var r=t[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,n),r.l=!0,r.exports}n.m=e,n.c=t,n.d=function(e,t,o){n.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:o})},n.r=function(e){Object.defineProperty(e,"__esModule",{value:!0})},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=0)}([function(e,t){function n(){$(".next-slide").trigger("click")}$(window).on("load",function(){$(".preloader").fadeOut("fast"),$("#after_load").addClass("show"),setInterval(n,8e3)}),$("a").on("click",function(){if(location.pathname.replace(/^\//,"")===this.pathname.replace(/^\//,"")&&location.hostname===this.hostname){var e=$(this.hash);if((e=e.length&&e).length){var t=e.offset().top-20;return $("html,body").animate({scrollTop:t},1500),!1}}})}]);

How can I unminify the above js file?

I want minified js file back into original format.

Can anyone tell me the tools or way to unminify the js file?

Search for "beautify javascript", but it cannot get it back to the original version. Anything changed or obfuscated (variable names, function names etc.) will remain as they are now. — Reinstate Monica Cellio, May 03 '18 at 11:26
Possible duplicate of [Tool to Unminify / Decompress JavaScript](https://stackoverflow.com/questions/822119/tool-to-unminify-decompress-javascript) — Alexander Lallier, May 03 '18 at 11:56
if you have the source maps, you can see a lot more meaningful variable names. using chrome dev-tools. — Ali Kazemkhanloo, Jan 04 '20 at 15:17
Try http://www.jsnice.org/ it uses statistical variable names and makes it less confusing. — Jithin Pavithran, Sep 08 '21 at 15:56
https://unminify.com/ https://lelinhtinh.github.io/de4js/ etc these can help unminify the code to an extent unminify js is possible but does not work all the time you get lucky if it works — moongazer 07, Feb 27 '22 at 19:07

score 12 · Answer 1 · answered May 03 '18 at 11:29

12

You can't unminify a minified file. Minification is a desctructive operation and involves loss of information.

For example, if you have a function with a descriptive name, after minifcation that name will be substitute with a meaningless one. There's no way to go back from this operation.

You can use a beautifier to make it more readable, but you will have a weighty job of reverse engineering in order to understand what the code means.

answered May 03 '18 at 11:29

Christian Vincenzo Traina

9,546
2
40
63

Thank you so much . Now i am getting – Adarsha Beleyur May 03 '18 at 11:37
4

unminifying can happen and is often useful in trying to debug minified Javascript code when you don't have the source. Just cause it's not optimal doesn't mean it can't be done. – thenetimp Mar 03 '20 at 15:28
1

@thenetimp I think the point is that variable names and function names are unrecoverable, so "unminifying" won't give you something as readable as the source code. To me, it's all linguistic, people probably mean beautify" when they say unminify. – Att Righ Jul 31 '22 at 14:29

score 7 · Answer 2 · answered Jan 05 '20 at 09:17

source-maps are what you want. in the process of making a minified js file, you should get a source-map file, too (it depends on what tool you use for minification).

Then using source-map library you can recover the original files.

If the source-map file does include the minified source, this file is enough to unminify. otherwise, you have to tell the library the minified source manually.

More info, on the library's Github page.

How to unminify the js files?

2 Answers2

Linked