babel はプロジェクトでどのように使用されますか?

1. プロジェクトに .babelrc ファイルを手動で作成します

2. .babelrc ファイルを手動で変更します

$ npm install --save-dev babel-cli

# ES2015转码规则
$ npm install --save-dev babel-preset-es2015

# react转码规则
$ npm install --save-dev babel-preset-react

# ES7不同阶段语法提案的转码规则（共有4个阶段），选装一个
$ npm install --save-dev babel-preset-stage-0$ npm install --save-dev babel-preset-stage-1$ npm install --save-dev babel-preset-stage-2$ npm install --save-dev babel-preset-stage-3

4. 自動トランスコーディングを実現するために、package.json ファイルを変更します。コピーするときはコメントを削除します

{"presets": [      "es2015",      "react",      "stage-2"],"plugins": []
  }

4. コマンドラインに次のコマンドを入力してトランスコードします

{  "scripts": {"build": "babel src -d dist"  //这句表示把src目录下的文件自动转码到dist目录下，dist目录是自动创建的
  },  
}

以上がbabel はプロジェクトでどのように使用されますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。