Babelインストール手順(JavaScriptコンパイラ)

1027 ワード

まず、node.jsをインストールして、公式サイトの“次のステップ”でいいです.1.npm init初期化2.インストール依存パッケージnpm installをインストールします.save-dev@babel/core@babel/cliを提示すると、babelがコマンドではないというなら、グローバルにnpm install--globabel@babel/core/cliをインストールできます.
3.babel src-d libを実行するか、またはpackage.jsonにscripts属性を配置し、属性buildを追加します.「babel src-d lib」を実行してnpm run buildを実行します.
4.文法を変換したいのですが、どの文法からどの文法に変換するかを指定しなければなりませんので、文法変換器プラグインnpm install--save-dev@babel/preset-envをインストールする必要があります.
5.babelを配置して一つを作成します.babelrcのファイルを書き込みます.
{
    "presets": ["@babel/preset-env"]
}
6.npm run buildまたはbabel src-d libを実行します.
7.変換後の文法はサーバーのnodejs環境で使用できます.
8.変換したいコードはサーバーとブラウザで使用できます.babelプラグイン@babel/plugin-transform-modules-umd npm install--save-dev@babel/plugin-transform-modules-umdをインストールする必要があります.
9.babelrcに「plugis」を追加:「@babel/plugin-transform-modules-umd」//babelでモジュール変換する際にこのプラグインを使用する.
10.npm run buildまたはbabel src-d libを実行します.
11.コンパイル後、ブラウザやサーバーのnode js環境下でコンパイルしたjsブラウザを使ってもいいです.requirejsサーバが必要です.node*.jsコマンドを実行してください.