Corredor

ウェブ、プログラミングの勉強メモ。

ECMASCript

イマドキは Webpack じゃなくて Rollup だ!Terser とともに Rollup を使ってみる

Webpack なんかと同じビルド・バンドルツールの Rollup を使ってみる。 Rollup と Webpack の違い Transpiler と Minifier との区別 Rollup を試してみる Rollup の設定ファイルを作る Terser を組み込む : rollup-plugin-terser Rollup と Webpack の違い …

イマドキは Uglify JS じゃなくて Terser だ!Terser を使ってみる

JavaScript の圧縮・難読化で知られる uglify-js は ES2015 に対応しておらず、別ブランチで開発されていた ES2015 対応版の uglify-es は開発終了しているらしい。 そんな uglify-es を Fork して誕生したのが、terser というツールだ。 terser - npm $ npm…

Node.js で ES Modules 記法を動かしてみる

ブラウザ上で JS を import するための仕組みとして、ES Modules という仕組みができた。コレを Node.js 上でも動かせるということで、やってみた。 前提条件 ES Modules を有効にするための条件がある 必須:import 文にファイル拡張子を必ず書く 必須:実…

Webpack 入門 その3:Babel による ECMAScript のトランスパイル・TypeScript のトランスパイル

Webpack を勉強しながら Browserslist の効果を確認するシリーズ企画第3弾。 今回は初めに ECMAScript を Babel でトランスパイルしつつ、Browserslist の効果を確認。さらにその後、TypeScript もトランスパイルできるようにしてみる。 使用するツールと適…