#uglifyjs

[blogpopular]

UglifyJS: muito popular para JavaScript e essencial para otimização de código

O UglifyJS: muito popular para JavaScript é uma das ferramentas mais utilizadas no mundo do desenvolvimento web para minificação e otimização de código. Criado para transformar arquivos JavaScript extensos em versões mais leves e rápidas de serem carregadas pelo navegador, o UglifyJS rapidamente se consolidou como parte fundamental em pipelines de build modernos. Em tempos onde performance é um…

UglifyJS: muito popular para JavaScript e essencial para otimização de código

[clye]

fabiosantoscode/terser

JavaScript parser, mangler, optimizer and beautifier toolkit for ES6+ - fabiosantoscode/terser

[ajimicho-blog]

TypeScript 文句一個垂れます

このコードをコンパイル。

namespace a.b.c { import f1 = e.f; import f2 = b.e.f; import f3 = a.b.e.f; function d() { return f1 + f2 + f3; } } namespace a.b.e { export var f; }

どうなるかというと、

var a; (function (a) { var b; (function (b) { var c; (function (c) { var f1 = b.e.f; var f2 = b.e.f; var f3 = a.b.e.f; function d() { return f1 + f2 + f3; } })(c = b.c || (b.c = {})); })(b = a.b || (a.b = {})); })(a || (a = {})); var a; (function (a) { var b; (function (b) { var e; (function (e) { })(e = b.e || (b.e = {})); })(b = a.b || (a.b = {})); })(a || (a = {}));

はいちゅーもーく。 f1、f2、f3 という名前で import されている３つの f は全く同じものを指してるんだけどさ。 もちろんそのことはコンパイラーもご存知のはず。

なのになんでコンパイル結果に a. が付いたり付かなかったりしてるんじゃい！

e.f とだけ書いたら前に b. を補ってくれるのはありがとうございます。この御恩は一生忘れません（記憶の限り）。 ただ逆に必要ないところまで書いた時に削って欲しき。

というのも、愛用 IDE であらせられる PhpStorm 様が、フルで書かないとエディター上で参照を解決できないことがある。（Ctrl + クリックでジャンプしたり、f1. って書くとサジェストしてくれたり、が効かない） そこはそこで PhpStorm 様がアホであらせられる問題でもあるんだけど、解決するためにフルで書くと出力結果が長くなる！ あ、念のため言っておくと PhpStorm 様は基本的にめっちゃ優秀です。

ちなみに VSCode だと案外参照解決してくれる模様。

その後また UglifyJS でコードを圧縮したりもするんだけど、流石に圧縮ツールごときが f1 と f2 と f3 が同一であることまで解釈してくれようはずもなく、そこは TypeScript コンパイラーが頑張っていただかないといけないところかと存じた夏 2016。

大規模なシステムになると無視できないよ？

（書いてから思ったけど使ってるコンパイラーは現在の最新版では無いんだよね。今はどうなんだろう。）

[philbertreginald-blog]

We are using javascript minification in many of the production level website. The enhanced javascript minifying tools help to developer in development tasks as well as in improving coding. It will make your code to shorter by removing unwanted space, unnecessary comments, white space comments and new line comments from source code. So let’s see most popuar javascript minification tools as under.

[alvonsius]

[techmosu]

[techmosu]