Как уменьшить размер связки firebase?

Question

Я создаю свое приложение для развертывания в производство. И мой клиентский код разбит по библиотекам.

И я заметил, что firebase выдал довольно большой кусок.

Это 667 КБ, как вы можете видеть ниже:

Вот как я импортирую его в свой код:

import firebase from 'firebase/app';
import 'firebase/auth';
import 'firebase/firestore';
import 'firebase/functions';
import 'firebase/storage';

// .env file in root folder
const config = {
  apiKey: process.env.FIREBASE_APP_API_KEY,
  authDomain: process.env.FIREBASE_APP_AUTH_DOMAIN,
  databaseURL: process.env.FIREBASE_APP_DATABASE_URL,
  projectId: process.env.FIREBASE_APP_PROJECT_ID,
  storageBucket: process.env.FIREBASE_APP_STORAGE_BUCKET,
  messagingSenderId: process.env.FIREBASE_APP_MESSAGING_SENDER_ID
};

firebase.initializeApp(config);

Есть ли способ уменьшить его?

Webpack всегда предупреждает об этом размере чанка.

Answer 1

• Сократите код
• Используйте встряхивание дерева , которое устраняет мертвый код
• Импортируйте только те компоненты Firebase, которые вам действительно нужны - например, если вам не нужно аутентификацию можно угробить import 'firebase/auth';