terser を使って js を最適化してみる

javascript

terser という JS を最適化するコンパイラを調べてみたのでメモ。

terser/terser: 🗜 JavaScript parser, mangler and compressor toolkit for ES6+

JavaScript で作ったアプリをリリースする前に js を最適化しておきたかったんですよね。
以前は google の closure-compiler を使ったりしていましたが、最近は npm でインストールできる terser を使っている人が多いようです。

インストールは npm で一撃です。

npm install terser -g

今回はこんな感じでトップレベルまで最適化をかけてみました。
オプションになれていないので、まだまだこのあたりは慣れが必要ですが、とりあえずテストは通ったので大丈夫でしょう。
アロー関数式^*1を使っている場合には --ecma のオプションをつけないとエラーになってしまうので注意が必要です。

terser test.js --toplevel -c passes=2 -m reserved=[] --ecma 2015 -o min.js

test.js

function power(base, exponent) {
  var result = 1;
  for (var count = 0; count < exponent; count++)
    result *= base;
  return result;
}

show(power(2, 10));
show(power(2, 10));
show(power(2, 10));

min.js

function o(o,r){for(var h=1,n=0;n<r;n++)h*=o;return h}show(o(2,10)),show(o(2,10)),show(o(2,10));

^*1: アロー関数式 - JavaScript | MDN

by hsur at 21:08 [5年前][4年前][3年前][2年前][1年前][1年後][2年後][3年後] |

こんな記事もあります「min.jsclosure-compiler terser min.jsshow」

・Ruby 1.9.2 に win32-service を入れる

トラックバックについて

Trackback URL:

お気軽にどうぞ。トラックバック前にポリシーをお読みください。[policy]

このエントリへのTrackbackにはこのURLが必要です→https://blog.cles.jp/item/12449

Trackbacks

このエントリにトラックバックはありません

Comments

愛のあるツッコミをお気軽にどうぞ。[policy]
古いエントリについてはコメント制御しているため、即時に反映されないことがあります。

コメントはありません

Comments Form

コメントは承認後の表示となります。
OpenIDでログインすると、即時に公開されます。

OpenID を使ってログインすることができます。

« 定額給付金の使い道は？（総務省編） :: ドラッグアンドドロップでフォルダ毎に zip アーカ... »

サイト内検索

検索ワードランキング

へぇが多いエントリ

閲覧数が多いエントリ

1 . アーロンチェアのポスチャーフィットを修理(114487)
2 . 福岡銀がデマの投稿者への刑事告訴を検討中(112999)
3 . 年次の人間ドックへ(112422)
4 . 2023 年分の確定申告完了！（１つめ）(111990)
5 . 三菱鉛筆がラミーを買収(111862)

cles::blog

terser を使って js を最適化してみる