Babel

参考:

Babel [Official]

babel/babel: Babel is a compiler for writing next generation JavaScript – GitHub

Docs – What is Babel? | Babel [Official]

Babelの設定を見直すための逆引きガイド | mille-feuille code

Babelで始める!モダンJavaScript開発 | HTML5Experts.jp

概要

参考:

Babelによるトランスパイルの挙動について理解する – Qiita

使い方

参考:

Babelの使い方入門編|ES6をコンパイル(JavaScript)| BarikanBlog

Babelの基本的な使い方 – Qiita

Babelを使おう – Qiita

Babel CLI (@babel/cli、旧 babel-cli)

参考:

@babel/cli | Babel [Official]

babel/packages/babel-cli at master · babel/babel – GitHub

@babel/cli – npm

Babelを使って現代的JavaScriptを始める。| Ginpen.com

Babel CLI(babelコマンド)の使い方 | maesblog

babelのコマンドライン実行 es6 to es5 – Qiita

Babelを使おう – Qiita

はじめての Babel(babel-cli 使用) | Syntax Error.

babelでES6を導入する最短手順 – ブロックチェーンエンジニアとして生きる

設定ファイル (.babelrc/babel.config.js/.babelrc.js)

参考:

Configure Babel | Babel [Official]

Config Files | Babel [Official]

Using .babelrc.js today – FatFisz’s homepage

Are you open to allowing .babelrc.js? · Issue #4630 · babel/babel – GitHub

Webpack で使う

参考:

webpack + Babel 入門 – ぺーぺーSEのブログ

webpack.config.babel.js

参考:

Babel7でwebpack.config.babel.jsを使う – Qiita

Babel 7 not being executed on webpack.config.babel.js · Issue #5960 · webpack/webpack – GitHub

@babel/register (旧 babel-register)

参考:

@babel/register | Babel [Official]

babel/packages/babel-register at master · babel/babel – GitHub

babel-register – 橋本商会

Node.js アプリで Babel の ES2015 を利用する(babel-register) – Qiita

ES2015で書かれたNode.jsをデーモン化する – 30歳からのプログラミング

‘babel-core/register’ vs ‘babel-register’ – Stack Overflow

Babel7 で webpack.config.babel.js を使う – Qiita

@babel/plugin-transform-runtime (旧 babel-runtime)

参考:

@babel/plugin-transform-runtime – npm

babel-plugin-transform-runtime | Babel [Official]

webpack で babel-runtime を使おうとしてハマったメモ – Qiita

babel-polyfillとbabel-runtimeの使い分けに迷ったので調べた – Qiita

@babel/polyfill (旧 babel-polyfill)

参考:

@babel/polyfill | Babel [Official]

@babel/polyfill – npm

babel/packages/babel-polyfill at master · babel/babel – GitHub

ブラウザ向けに Polyfill ライブラリを有効化する | deadwood

Babelの設定を見直すための逆引きガイド | mille-feuille code

babel-preset-envとbabel-polyfillとbabel-plugin-transform-runtime | 欅樹雑記

babel-polyfillによって使用可能になる処理一覧 – Qiita

How do I install the babel-polyfill library? – Stack Overflow

babel-preset-env + babel-polyfill documentation is misleading · Issue #1660 · babel/website – GitHub

Best way to include babel-polyfill? – ShakaCode Forum

What is the best way to include babel polyfill using multiple entry points – Stack Overflow

core-js

参考:

zloirock/core-js: Standard Library – GitHub

core-js – npm

babel-polyfill / babel-runtime の代わりにcore-jsを直接使うのはアリかナシか – Qiita

ES6

参考:

ECMAScript 6 compatibility table | kangax

@babel/preset-env (旧 babel-preset-env)

参考:

@babel/preset-env – npm

babel/packages/babel-preset-env at master · babel/babel – GitHub

babel-preset-env | Babel [Official]

babel-preset-envを簡単にさわってみた。- Qiita

babel-preset-envで環境に合わせてJavaScriptをトランスパイルする | KEYPOINT – キー・ポイント株式会社 開発日誌

babel-preset-env@2.0 を試した -トランスパイル環境をスケールさせていく – | mediba Creator × Engineer Blog

babel-preset-env を試す – アカベコマイリ

Babel & preset-env – codeburst

useBuiltIns

参考:

babel-preset-env 2.0のuseBuiltInsを使ってpolyfillする – Qiita

useBuiltIns – babel-preset-env | Babel [Official]

browsers

参考:

last 2 versions – @jamiebuilds

We should discourage the use of “last 2 versions” in babel-preset-env · Issue #7789 · babel/babel – GitHub

modules

参考:

babel-preset-envの使い方(babel-preset-es2015からの移行) – dackdive’s blog

.babelrc {module: false} and older browsers · Issue #649 · vuejs-templates/webpack – GitHub

forceAllTransforms

参考:

forceAllTransforms – @babel/preset-env | Babel [Official]

Add forceAllTransforms option and deprecate Uglify target by existentialism · Pull Request #264 · babel/babel-preset-env – GitHub

uglify-es

参考:

uglify-es – npm

mishoo/UglifyJS2 at harmony – GitHub

uglify-esでの「ES6対応」の意味 – Qiita

babel-preset-es2015 (DEPRECATED)

参考:

babel-preset-envの使い方(babel-preset-es2015からの移行)- dackdive’s blog

Webpack + Babel: Couldn’t find preset “es2015” relative to directory – Stack Overflow

Babel 7

プラグインなどの関連パッケージ名が babel-* から @babel/* に変更された。

プリセットは @babel/preset-env を使う。

参考:

ES6からのトランスパイルするときのBabel 7 対応 – ポン酢まいるど開発記

babelrcRoots

参考:

babelrcRoots – Options | Babel [Official]

互換性

参考:

npm 開発で脱 Babel してみる – アカベコマイリ

babel-plugin-source-map-support

参考:

chocolateboy/babel-plugin-source-map-support: A Babel plugin which automatically makes stack traces source-map aware – GitHub

babel-plugin-source-map-support – npm

polyfill のエラー

参考:

IE11 で babel-polyfill が入ってなくて画面が真っ白になる | なんか書いていこうぜー.com

‘Symbol’ is undefined in IE after using babel – Stack Overflow

Tagged:

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です