ホームページ  >  記事  >  ウェブフロントエンド  >  Expressでes6を使う方法の紹介(詳細)

Expressでes6を使う方法の紹介(詳細)

不言
不言転載
2018-10-17 14:44:543015ブラウズ

この記事の内容は、Express での es6 の使用方法の紹介です (詳細)。必要な友人が参考になれば幸いです。

Express 公式 Web サイトで提供されている JavaScript 標準は es5 であり、es6 を直接実行することはできません。Express で es6 を書きたい場合は、トランスコーダ Babel を使用してトランスコードできます。

開発環境

1. Expressプロジェクトにbabel-cliをインストールします

$ npm install --save-dev babel-cli

2. プリセットをインストールします

npm install --save-dev babel-preset-es2015 babel-preset-stage-2

3. package.json

{
    ...
    "scripts": {
        "start": "babel-node index.js --presets es2015,stage-2"
     }
    ...
}

4 に実行スクリプトを追加します。これで、es6

5 の段落を記述できるようになります。 Express を使用すると、コードを少し変更するたびにサービスを再起動する必要があるという問題が発生します。次に、サービスを毎回再起動する代わりに、nodemon を使用してファイルの変更を監視し、ホット アップデートの効果を実現したいと考えています。

1. # #2. スクリプトを変更します

npm start

3。サービスを再起動せずに js コードを変更して効果を実現します

以上がExpressでes6を使う方法の紹介(詳細)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事はsegmentfault.comで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。