ホームページ > ウェブフロントエンド > jsチュートリアル > バベル変換が機能しないのはなぜですか?

バベル変換が機能しないのはなぜですか?

Patricia Arquette
リリース: 2024-11-16 07:44:03
オリジナル
1011 人が閲覧しました

Why Isn't My Babel Transformation Working?

Babel 変換が発生しない

コード内で、コンパイル時に Babel 変換が発生しないという問題が発生しています。 proxy.js を proxified.js に変換します。この結果、出力ファイルはコンパイルされるのではなく、ソース ファイルのコピーになります。

この問題を解決するには、適用する変換を使用して Babel を構成する必要があります。デフォルトでは、Babel 6.x は明示的な構成がなければ変換を実行しません。

必要な変換を有効にするには、次の手順に従います。

  1. babel-preset-env パッケージをインストールします。
npm install babel-preset-env
ログイン後にコピー
  1. --presets フラグを指定して Babel を実行します:
babel --presets env proxy.js --out-file proxified.js
ログイン後にコピー

または、次のようにしてプロジェクト ディレクトリに .babelrc ファイルを作成することもできます。次の内容:

{
    "presets": [
        "env"
    ]
}
ログイン後にコピー

この構成は、標準 ES* 機能を ES5 にコンパイルする env プリセットを使用するように Babel に指示します。

一部の ES6 機能をサポートする Node バージョンを使用している場合では、ターゲットのノードのバージョンを指定してプリセットをカスタマイズできます。例:

{
    "presets": [
        ["env", { "targets": { "node": "true" } }],
    ]
}
ログイン後にコピー

この構成により、Node バージョンでサポートされていない機能のみがコンパイルされます。ブラウザのサポートが必要な場合は、ブラウザのバージョンをターゲットに含めることもできます。

以上がバベル変換が機能しないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート