[B! babel][npm] orenonihongogayabaiのブックマーク

orenonihongogayabai id:orenonihongogayabai

babelとnpmに関するorenonihongogayabaiのブックマーク (2)

Babelの設定を見直すための逆引きガイド
Babelって結局なんなんだ定義構成要素 babel-core babel-polyfill Plugins 最新の記法でJSを書くにはどうしたらいいんだ最低限の設定方法 1. Installする 2. .babelrcに設定を書く 3. polyfillをrequireする 4. Babeる(Babelでコンパイルする) Webpackと組み合わせた実践例キホンのキ polyfillの機能を制限なく使いたい、でも無駄なものは入れたくない「二重読み込み制約」のリスクを背負わずにpolyfillを使いたいグローバルを汚染せずにpolyfillを使いたい、複数ファイルでpolyfillを使いたい早見表細かい機能を上手く使いこなしたい設定はショートハンドで書けるよ babel-preset-esXXXX はいくつを使えばいいんだ ES2015+のソースをそのままminifyでき
orenonihongogayabai 2019/02/25
npm

javascript

babel
リンク
Babel7.x時代のpolyfillの設定方法とuseBuiltInsの仕組み
ES2015+で実装するためにBabelのpolyfillを利用する場面は多いと思いますが、Babel6.xまでと7.xではその導入方法が変わっているので注意が必要です。今回はBabel7.xでの用途別polyfillの設定方法と、キモとなるuseBuiltInsオプションの挙動についてまとめてみます(執筆時点でのBabelのバージョンは7.1.0です)。なお、6.xまでの設定方法は「Babelの設定を見直すための逆引きガイド」にまとめてあります。polyfillのことだけでなく、Babelとは何か、どのように利用するのか、といったことも併せてまとめてありますので良ければご参考にどうぞ。 2019/06/21 追記 Babel7.4.0から @babel/polyfill が非推奨となっています。変更点や新しい設定方法は「Babel7.4で非推奨になったbabel/polyfillの代替
orenonihongogayabai 2019/02/25
npm

babel

javascript
リンク
1