Javascript 将脚本src包含到js文件中

我试图将firebase配置集成到我的

js

文件中，而不是直接集成到html文件中。鉴于：

<script src="https://www.gstatic.com/firebasejs/3.4.0/firebase.js"></script>
<script>
  // Initialize Firebase
  var config = {
  .......
  }
</script>

---

如何将行

集成到我的js文件中？

您可以创建标记脚本并附加到文档正文中

var script = document.createElement('script');
    script.type = 'text/javascript';

    script.src = 'https://www.gstatic.com/firebasejs/3.4.0/firebase.js';
    document.body.appendChild(script);

---

您需要使用模块化系统来停止为依赖项编写标签。 从npm设置firebase，使用可用方法之一加载模块。 有以下几种方法：

• AMD（以RequireJs为例）-使用诸如

  require（“firebase”）

  ，

  define（[“firebase”]，（firebaseDependency）=>{…}等构造异步导入模块

• CommonJs——源于服务器端节点的方法
• ES6（带babel）：

  从“firebase”导入firebase

---

在这种情况下，您需要单独分配配置并将其导入。

这里回答了这个问题：好问题。解决方案是*下载firebase.js文件（以克服脚本加载时间）*创建一个新的javascript文件并初始化firebase以及此处的功能。*添加到html文件的头部。*添加到html文件的头部。ReferenceError:文档不是defined@Pygirl--这个问题是关于将外部脚本加载到网页中，而不向HTML添加标记。您可能会遇到该错误，因为该文件在node.js中运行，而不是在浏览器环境中运行。

var script = document.createElement('script');
    script.type = 'text/javascript';

    script.src = 'https://www.gstatic.com/firebasejs/3.4.0/firebase.js';
    document.body.appendChild(script);