enable code splitting and add chunk names to dynamic import and create separate chunk vendor for all node modules (#2245)

* build: increase Limit chunk to enable code splitting add chunk names to dynamic import

* Remove limitchunkcount and have separate chunk for each node module so we dnt have any unnamed id.js chunks

* fix

* create one chunk for all node modules

* Add caret to peer deps

* extra space
This commit is contained in:
Aakansha Doshi
2020-10-18 23:06:25 +05:30
committed by GitHub
parent 41ccd47791
commit 4a26845395
8 changed files with 67 additions and 16 deletions

View File

@ -6,8 +6,10 @@ import Portal from "../components/Portal";
let firebasePromise: Promise<typeof import("firebase/app")> | null = null;
async function loadFirebase() {
const firebase = await import("firebase/app");
await import("firebase/firestore");
const firebase = await import(
/* webpackChunkName: "firebase" */ "firebase/app"
);
await import(/* webpackChunkName: "firestore" */ "firebase/firestore");
const firebaseConfig = JSON.parse(process.env.REACT_APP_FIREBASE_CONFIG);
firebase.initializeApp(firebaseConfig);