Babel7事始め - 無理なご乗車はおやめ下さい。
最近のBebelがよくわかりません、という人向けに書いてみます。 7系 現時点で7系はBeta版となっています。公式Docは6系について書かれているので、7系を使ってみたい人には何の参考にもなりません。というか、インストールするパッケージ名がそもそも違います。 7系では以下のパッケージとプリセットから始めることになります。 @babel/core @babel/preset-env scoped packages 見慣れない命名規則に一部の人は面食らうと思いますが、見慣れないだけで標準仕様です。 プリフィックスの @ は名前空間のようなものです。その名前空間の / 下にパッケージ名やプラグイン名を付けるというような感じです。 babel-cli -> @babel/cli babel-core -> @babel/core babel-preset-env -> @babel/preset
babel-polyfill / babel-runtime の代わりにcore-jsを直接使うのはアリかナシか - Qiita
babel-polyfillとbabel-runtimeの使い分けに迷ったので調べた の続編・追加調査。 使い分け的なのわかったものの、未だにどうにも困りごとが多いので、更に深掘りしてみた。 それぞれのおさらい & 困りごと polyfillのページで改めておさらいしつつ、それぞれの困りごとを書いてみる babel-polyfill core-jsとregenerator-runtimeを読み込んでいる polyfillとして、windowグローバルを拡張する仕組み 困りごと 複数ファイルからロードするとthrow errorされてしまうので、うっかりしてるとハマるので気を使う 上記のような問題のため、ブラウザの場合は、別途dist/polyfill.jsなど、別管理してを読み込む。 require('babel-polyfill')の様にコードベース上から読み込むことは推奨されてない。
もうBabelじゃない - Bubleだ。 - Qiita
JavaScript を書くとき、もはや新しい ES でないとストレスではないでしょうか。 だからこそ僕らは新しい ES で開発してから、ブラウザ対応のために Babel を使って ES5 にトランスパイルするというのが定石となっていました。 しかし、必要最小限の機能に絞って高速なトランスパイルを実現する Buble 1 が登場しました。 TL;DR Buble は、 Babel やその他のトランスパイラと比べて以下の点で異なります。 仕様への準拠ではなくブラウザで動くことを目指す 設定ファイルは不要 高速なトランスパイル Babel は新しい ES で書かれたコードを ES5 ( など )の仕様に準拠したコードにトランスパイルすることが目的です。一方で、新しい ES から ES5 への “完全” な変換は不可能です。 そこで Buble の取ったアプローチは、他仕様へのトランスパイルでは
babel6にmodule.exportsを追加するだけのプラグインを作った - Qiita
babel6はCommonJSに対応しないので、コンパイル済みのコードにmodule.exports（requireのエントリポイント）が含まれません。これは、transform-es2015-modules-commonjsプラグインを使っても改善しませんでした。issueもしょっちゅう立ってはLockされてます。 add-module-exportsプラグインというものを作成しました。これはコード末尾にmodule.exports文を加えます。 npm install babel-cli --save-dev npm install babel-preset-es2015 --save-dev npm install babel-plugin-add-module-exports --save-dev 0.1.*系 babel@5の動作に準拠するバージョン0.1.0を公開しました。 こ
ES2015でコマンドラインツールを書くときは、require hookで提供するべきか、事前にバベるべきか？ - Qiita
ES2015でコマンドラインツールを書くときは、require hookで提供するべきか、事前にバベるべきか？JavaScriptes6babeles2015 結論 事前にバベります。 理由：babelのインストールに時間が掛かる 事前説明 用語 バベる: Babel.jsを使ってES2015のJavaScriptをES5のJavaScriptに変換すること フォルダ構成 bin: コマンドファイル node: バベった後のES5モジュール lib: バベる前のES2015モジュール コマンド本体はlib/index.jsにありbabel-node libで実行可能なものとします。 候補にした二つの方法 Writing ES6 today, effectively.の1. Writing ES6 Modulesに二つの方法があります。 1. require hook Babel.jsのre
React on ES6+ · Babel
Posted Jun 7, 2015 by Steven Luscher This is a guest post from Steven Luscher. Steven works on Relay at Facebook – a JavaScript framework for building applications using React and GraphQL. Follow Steven on Instagram, GitHub, and Twitter. While redesigning Instagram Web from the inside out this year, we enjoyed using a number of ES6+ features to write our React components. Allow me to highlight som
Babel で IE8 対応する地獄 - Qiita
IE8 対応が必要な JavaScript に Babel (+ webpack) を使っているんだけど、素直に書くと動かないところがあったのでメモ。 とある事情により Polyfill も叶わない環境を想定している。 大体これと同じ内容: Caveats · Babel class を使うためには・・・ class を使ったコードを Babel に変換させると Object.defineProperties を使って class 相当を実現させようとする。しかし、IE8 以下の古い IE には Object.defineProperties が無いため、エラーになる。 IE8 でも class が使いたいときは、loose mode の es6.classes を使う:
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - jamiebuilds/babel-handbook: :blue_book: A guided handbook on how to use Babel and how to create plugins for Babel.
GitHub - loganfsmyth/babel-plugin-transform-decorators-legacy: A plugin for Babel 6 that (mostly) replicates the old decorator behavior from Babel 5
GitHub - 59naga/babel-plugin-add-module-exports: 【v0.2 no longer maintained】 Fix babel/babel#2212 - Follow the babel@5 behavior for babel@6
GitHub - codemix/babel-plugin-typecheck: Static and runtime type checking for JavaScript in the form of a Babel plugin.