[Firebase][JavaScript] プロジェクトにimportする際に警告文が出てくる

FirebaseでWebアプリを開発しようと、importした際に
コンソールに以下警告文が出てきました。

It looks like you're using the development build of the Firebase JS SDK.
When deploying Firebase apps to production, it is advisable to only import
the individual SDK components you intend to use.

For the module builds, these are available in the following manner
(replace <PACKAGE> with the name of a component - i.e. auth, database, etc):

CommonJS Modules:
const firebase = require('firebase/app');
require('firebase/<PACKAGE>');

ES Modules:
import firebase from 'firebase/app';
import 'firebase/<PACKAGE>';

Typescript:
import * as firebase from 'firebase/app';
import 'firebase/<PACKAGE>';

解決法

言われたとおり、importの部分を書き換えます。

.js

import firebase from 'firebase'

//...

.js

import firebase from 'firebase/app'
import 'firebase/app'
import 'firebase/firestore' // ここには使用するFirebaseSDKモジュールを記載

//...

こうすると、警告文が消えます！

原因

• セキュリティの観点から、本番環境では使用するFirebaseSDKだけを選んでimportが推奨されているもよう(問題なく動作はする)。