ES6と上記のjsについてES5にコンパイル

質問:ES6と上記のIEブラウザ上では実行できませんが、簡単にあなたがバベルを使用する必要がある問題を解決するIEの互換性、Chromeブラウザ上で実行するように、これはバベルの行くことができる公式サイトを参照してください。

使用するのは簡単バベルについて、2つの方法があります。

1、実行時コンパイラが、ページのレンダリング時間が長くなりますコンパイラ。

  使用法:スクリプトファイルがでコンパイルする必要が早く導入babel.min.jsをダウンロードして、対応する<スクリプト>タグは、テキスト/バベル=タイプを追加する必要がありながら、次のページでは、スクリプトを直接実行することができます。

 

 

 

2は、翻訳の実行が完了した後に、強く、この方法は、レンダリング時間をブラウザに影響を与えないことをお勧めします。

  使用法:ノードのサポートの必要性は、バベル関連のパッケージをダウンロードするには、コマンドラインツールを使用します。その後、実行NPM I @バベル/ COL @バベル/ CLI @バベル/プリセット-ENVの後にパッケージファイルpackage.jsonを開いて、完全なパッケージをダウンロード-D、あなたの目的のフォルダをファイル、プロジェクト内のプロジェクトについて-y初期設定を初期化まず実行NPM 、スクリプトは内側:{「ビルド」:「バベルSRC -d DIST」};これらが設定されているが、しかし、何の説明は、それはあなたが.babelrcファイルを追加する必要があるものにコンパイルする必要はありません、内容は次のとおりです。{ "プリセット「:[」@のバベル/プリセット-ENV「]};使用する準備が満了した後:コマンドラインツールで:コンパイルをビルドして実行NPMの実行のjsファイルは、distディレクトリの下にsrcディレクトリにコンパイルすることができます。のみJSファイルをコンパイルし、JSは、HTMLファイルにファイルを分離する必要があります。

 

 

 

 

 

おすすめ

転載: www.cnblogs.com/wangtaolearning/p/10983105.html