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」を評価) が発生します。