のためのバベルセットアップ


アホイ、メイト!
このトピックは、テストオートメーションの初心者やJavaやPythonなどの他の言語で動作し、JavaScript(ノード. js)に新しいテスターに役立ちます.それも私の前のポストを広げます:


BabelはES 5をコードの現代版(ES 6 +)に変換するツールです.
ES(ECMAScript)は、異なるウェブブラウザの向こう側のウェブページの相互運用性を確実にするために意味されるJavaScript標準です.ECMAScriptは、一般的にワールドワイドウェブ上でクライアント側のスクリプトのために使用され、それはますますノードを使用してサーバーアプリケーションとサービスを書くために使用されている.jsデフォルトでは、ノード.JSは2009年に久しぶりにリリースされたES 5を使います.
Githubに関するこの記事からのプロジェクトのソースコード:https://github.com/bormando/mochapi/tree/modern

セットアップ


Github Repoをクローンすることはできません.
クローニング後、必要なすべての依存関係をダウンロードするには、このコマンドを実行する必要があります.npm iチェックするには、クローン化されたプロジェクトが動作している場合、以下を実行します.npm run test次のように表示されます.
https://github.com/bormando/mochapi/tree/main

Babelの依存関係をインストールする


これらは標準的なBabel依存関係です.
  • @babel/cli
  • @babel/core
  • @babel/plugin-transform-runtime
  • @babel/preset-env
  • @babel/register
  • インストールするには、端末で実行する必要があります.npm i -D @babel/cli @babel/core @babel/plugin-transform-runtime @babel/preset-env @babel/register

    バベル構成


    さて、依存関係のインストールを終えたので、Babelを設定する必要があります.
    単にプロジェクトのルートディレクトリに.babelrcファイルを作成し、このデータを追加します.
    < div >
    変更を保存することを忘れないでください.p >
    < hr/>

    ES 5へのES 5


    <高橋潤子> ES 5とES 6 +のほとんどの変更については、ここで例を挙げてください.
    < div class ="Lagagchen - chen link "


    < div >
    現在のプロジェクトでは、markets.test.jsファイルのインポートを変更する必要があります
    これから< br/> < br/>
    <> P >
    クラスをハイライト表示する
    const axios = require('axios');
    const assert = require('chai').assert;
    
    < div >
    これを< br/>
    <> P >
    クラスをハイライト表示する
    import axios from 'axios';
    import { assert } from 'chai';
    
    < div >
    これらは小さな変更ですが、これは私たちのBabelセットアップがうまく動作することを確認する必要があります.p >
    < hr/>

    ES 5とES 6の違い。私は、Methatuumararaswamyメディアによって違いES 5対 ムタウタマララミー・ 2019年1月31日・ ムツクス.中 ショートカットの再構成


    <山縣>
    <堀田>
    <高橋潤子>p >
    < tt >コードES 6 +コードを実行時にES 5に変換するには、このショートカットを次のように変更する必要があります.
    <堀田>
    <高橋>p >
    < hr/>

    ランニングテスト


    <堀田>
    <堀田>
    < p >あるいは< p/p >
    <堀田>
    それから、あなたの端末出力のレポートを見なければなりません
    <堀田>
    あなたは何か新しいことを学んだことを願っていますp >