vueのバベルってどういう意味ですか？

vue では、Babel は JavaScript コンパイラーであり、主に ECMAScript 2015 構文で書かれたコードを下位互換性のある JavaScript 構文に変換して、現在および古いバージョンのブラウザーまたは他の環境で実行できるようにするために使用されます。

このチュートリアルの動作環境: Windows7 システム、vue2.9.6 バージョン、DELL G3 コンピューター。

ES6 構文は vue プロジェクトでよく使用されますが、プロジェクトが以前のバージョンのブラウザーと互換性がある必要がある場合があり、この場合、es6 を es5 に変換するために babel プラグインを導入する必要があります。バベルとは何かを見てみましょう。

Babel は JavaScript コンパイラーです。

Babel は、主に ECMAScript 2015 構文で書かれたコードを下位互換性のある JavaScript 構文に変換するために使用されるツール チェーンです。現在および古いバージョンのブラウザまたはその他の環境。 Babel でできることを以下に示します。

• 文法変換

• Polyfill を通じてターゲット環境に不足している機能を追加します (3 番目のパーティのポリフィル モジュール (core-js など)

• ソース コード変換 (codemods)

// Babel 输入： ES2015 箭头函数
[1, 2, 3].map(n => n + 1);

// Babel 输出： ES5 语法实现的同等功能
[1, 2, 3].map(function(n) {
  return n + 1;
});

vue の手順

#1 に babel を導入します。babel-polyfill プラグインをインストールします。

npm install --save-dev babel-polyfill

2。その後、babel を導入するには 3 つの方法があります。インストールの成功

最初のタイプ: エントリ ファイルに導入します (例:

import 'babel-polyfill'

を main.js に追加します)。 : webpack.config.js に導入します。ファイルのエントリの入り口で、次のように変更します。

3 番目の方法: cdn リソースを使用し、js ファイルを html に追加しますページ: 例:

説明:

babel プラグインは es6 構文を es5 に変換するのに役立ちますが、 Iterator、Generator、Set、Map、Proxy、Reflect、Symbol、Promise などのグローバル オブジェクトなどの新しい API は変換できません。このメソッドを実行したい場合は、babel-polyfill を使用してシムを提供する必要があります現在の環境の場合。

インストールコマンドは以下の通りです。

次に、スクリプトの先頭に次のコード行を追加します。

[関連する推奨事項:「

vue.js チュートリアル 」]

以上がvueのバベルってどういう意味ですか？の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。