用火柴配合webpack

Question

我现在有firebase和javascript文件，它们使用通过<script>加载的防火墙。显然，这不是一个很好的做法。

我想用我的前端javascript来使用webpack，但是我面临一些问题：

我的布局是这样的：

user/
    index.js
    file1.js
    file2.js

file1.js和file2.js包含在index.js 中，但是所有的文件都使用防火墙。

我的问题是，我是否需要包括防火墙，以及我所有的需求，如防火墙、功能和消息传递。在每个文件中，或者我可以在某个地方包含它一次，以便在所有文件中使用？

当我将它包含在每个文件中时，我会发现一个错误，即无法找到防火墙。

提前谢谢。

Answer 1

查看npm上的火源包。在使用webpack的说明中，您可以简单地将所需的模块导入file1.js和file2.js。

import * as firebase from 'firebase';
var app = firebase.initializeApp({ ... });

请注意，文档只要求包含您所需的特性(以避免bundle.js膨胀)。

// This import loads the firebase namespace along with all its type information.
import * as firebase from 'firebase/app';

// These imports load individual services into the firebase namespace.
import 'firebase/auth';
import 'firebase/database';

// In your case, include Firestore in the files you use them in.
import 'firebase/firestore';