3

Promise.all()次のように、一連のaxios.get()呼び出しを行い、続行する前にすべてが返されるようにするために使用しています。

Promise.all([getJSON1(), getJSON2()])
    .then((arr) => {
        var data = {
            json1: arr[0],
            json2: arr[1]
        };

        return data;
    });

関数getJSON1()とは次のgetJSON2()ようになります。

function getJSON1() {
    return axios.get('json1-url.json');
}

これはすべて正常に機能していますが、webpack の処理が完了したときに axios を fetch に置き換えると、最終的な bundle.js のサイズが小さくなるのではないかと考えています。

このブログに従ってfetch polyfillを試し、webpack に統合していますが、fetch を使用するように調整する方法がわかりません。私は次のことを試しました:getJSON1()

function getJSON1() {
    return fetch('json1-url.json');
}

これによりTypeError: Object is not a constructor (「新しい Promise」を評価) が発生します。

4

1 に答える 1