javascript - browser.js を使用して IE 11 の es6 クラスの問題を解決する方法

Question

私は JavaScript クラスを使用しており、IE 11 で SCRIPT1002 問題に遭遇しました。IE は es6 で利用可能な「クラス」キーワードを解釈できません。私は、babel を使用することがこの不幸な問題を回避する方法であることを読んでいます。ただし、これを適切に行う方法を理解するのに問題があります。以下は私のコードです。IE 11 が js クラスを適切に解釈できるようにするには、何を追加する必要がありますか?

babel.js を含むヘッダー (browser.js は正常に読み込まれています)

<!-- babel -->
<script type="text/babel" src="<?php echo  $GLOBALS["COMMON_ROOT"]; ?>/scripts/babel-5.8.29/browser.js"></script>

SCRIPT 1002エラーを引き起こすjavascriptファイルのクラス

class assessmentAnswer {
    constructor(answerID, questionID, answerText, imagePath) {
      this._answerID = answerID;
      this._questionID = questionID;
      this._answerText = answerText;
      this._imagePath = imagePath;
    }

    getAnswerID(){
        return this._answerID;
    }

    getQuestionID(){
        return this._questionID;
    }

    getAnswerText(){
        return this._answerText;
    }

    getImagePath(){
        return this._imagePath;
    }

    getAll(){
        return this.getAnswerID()+","+this.getQuestionID()+","+this.getAnswerText()+","+this.getImagePath();
    }
}

このコードは Firefox で正常に動作します。