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

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

Patricia Arquette
Patricia Arquetteオリジナル
2024-11-16 07:44:031000ブラウズ

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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。