将脚本src包含到js文件中

Question

我试图将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文件中？

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

Answer 2

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

• AMD（以RequireJs为例） - 与require("firebase")，define(["firebase"], (firebaseDependency)=>{...});
等构造异步导入模块
• CommonJs - 从服务器端nodeJs派生的方法;
• ES6（带巴贝尔）：import firebase from "firebase";

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