title: firebase_app__WEBPACK_IMPORTED_MODULE_0__ is not defined
body: <h2>My error as per the title is firebase_app__WEBPACK_IMPORTED_MODULE_0__ is not defined</h2>
  <p>Im using <em>import</em> to declare firebase in LoadModel.js</p>
  <pre><code>import firebase from &quot;firebase/app&quot;;
  import &quot;firebase/analytics&quot;;
  import &quot;firebase/firestore&quot;;
  </code></pre>
  <p>after being bundled by webpack which uses babel-loader the module appears as not defined</p>
  <p><code>npm i firebase</code> has been executed along with every other node module I needed</p>
  <p><strong>webpack.config.js</strong></p>
  <pre><code>const path = require('path');
  const CircularDependencyPlugin = require('circular-dependency-plugin');
  
  module.exports = {
    optimization: {
      sideEffects: true,
    },
    entry: './src/scripts/app.js',
    output: {
        path: __dirname + &quot;/dist&quot;,
        filename: 'app.bundle.js',
        sourceMapFilename: &quot;[name].js.map&quot;
    },
    mode: 'none',
    devtool: &quot;source-map&quot;,
    module: {
      rules: [
        {
          test: /\.m?js$/,
          exclude: /node_modules/,
          use: {
            loader: &quot;babel-loader&quot;,
            options: {
              presets: ['@babel/preset-env']
            }
          }
        }
      ]
    },
    plugins: [
      new CircularDependencyPlugin({
        // exclude detection of files based on a RegExp
        exclude: /a\.js|node_modules/,
        // include specific files based on a RegExp
        include: /src/,
        // add errors to webpack instead of warnings
        failOnError: true,
        // allow import cycles that include an asyncronous import,
        // e.g. via import(/* webpackMode: &quot;weak&quot; */ './file.js')
        allowAsyncCycles: false,
        // set the current working directory for displaying module paths
        cwd: process.cwd(),
      })
    ]
  };
  </code></pre>