将脚本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（带babel）：import firebase from "firebase";

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