将脚本src包含到js文件中[重复]答案

【问题标题】：Including a script src into js file [duplicate]将脚本src包含到js文件中[重复]
【发布时间】：2017-02-02 11:21:39
【问题描述】：

我正在尝试将 firebase 配置集成到我的 js 文件中，而不是直接集成到 html 文件中。给定：

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

还有我的js文件：

$(function() {
......
}

如何将<script src="https://www.gstatic.com/firebasejs/3.4.0/firebase.js"></script> 行整合到我的 js 文件中？

【问题讨论】：

这里已经回答了这个问题：stackoverflow.com/questions/950087/…
好问题。解决方案是 * 下载 firebase.js 文件（以克服脚本加载时间） * 创建一个新的 javascript 文件并在此处初始化 firebase 及其功能。 * 在 html 文件的头部添加。 * 在html文件头部添加。

标签： javascript jquery firebase

【解决方案1】：

您可以创建标签脚本并附加到文档正文。

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);

【讨论】：

ReferenceError: 文档未定义
@Pygirl - 这个问题是关于将外部脚本加载到网页中，而不是在 HTML 中添加

【解决方案2】：

您需要使用模块化系统来停止使用 <script> 标记来获取依赖项。从 npm 设置 firebase，使用一种可用的方式来加载模块。有以下几种方式：

AMD（以RequireJs为例） - 异步导入模块，如require("firebase")，define(["firebase"], (firebaseDependency)=>{...});
CommonJs - 源自服务器端 nodeJs 的方法；
ES6（带 babel）：import firebase from "firebase";

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

【讨论】：