Question

有什么方法可以在我的卵石代码中包含一个外部JS库吗？通常在网页上我会用头标记来做这个：

<script type='text/javascript' src='https://cdn.firebase.com/js/client/1.0.11/firebase.js'></script>

但是在鹅卵石中，由于我只使用JS，我无法做到这一点。那么我如何为JavaScript文件包含一个外部库。

Answer 1

目前，您不能包含外部JS文件。

如果您正在使用CloudPebble，那么唯一的方法是将JS库文件的内容复制并粘贴到您的JS文件中。

如果您正在进行本机开发，则可以修改wscript文件，以便在构建时将多个JS文件合并为一个。

Answer 2

我不确定自上述答案以来是否有变化，但看起来事实上有一种方法可以在保持整洁的同时包含额外的资源。在pebbleJS page上，以下部分提供了有关该主题的一些信息。

GLOBAL NAMESPACE - require（路径）

加载另一个JavaScript文件，允许您编写多文件项目。程序包加载松散地遵循CommonJS格式。 path是依赖的路径。

然后，您可以使用以下代码来＆＃34;要求＆＃34;卵石项目中的JS库。这应该可以在Cloud Pebble和本地开发中使用。

// src/js/dependency.js
var dep = require('dependency');

然后您可以使用它，如下所示：

dep.myFunction(); // run a function from the dependency
dep.myVar = 2; // access or change variables

<强> 更新在为我自己挖掘了一些之后，我成功地让CloudPebble使用了这个功能。它有点复杂，但遵循ECMAScript 6标准。下面我发布一个简单的例子来设置东西。另外，我建议查看this code from PebbleJS以获得更复杂设置的更好参考。

<强> myApp.js

var resource = require('myExtraFile');        // require additional library

console.log(resource.value);                  // logs 42

resource.functionA();                         // logs "This is working now"

<强> myExtraFile.js

var myExtraFile = {                           // create a JSON object to export

  "value" : 42,                               // variable

  functionA : function() {                    // function
    console.log("This is working now!");
  }
};

this.exports = myExtraFile;                   // export this function for
                                              // later use

在pebble js文件中包含一个外部javascript库？

2 个答案: