將Firefox插件和Chrome插件之間的共享代碼導入Firefox

Question

我正在開發具有Chrome對應版本的Firefox插件。 為了消除代碼重復，它們將共享一些JavaScript庫。 這些庫未使用Firefox jetpack模塊期望的CommonJS設計編寫。 有沒有好的方法可以將共享的JavaScript導入並使用到我的Firefox模塊中？

共享代碼最好位於我的根目錄下的目錄中，因為共享庫具有其自己的豐富目錄結構，並且我不想將其全部塞入data或lib目錄中。

Answer 1

如果要構建基於xul的加載項，並且要在其中使用庫，則只需將其放在內容目錄中並鏈接到xul文件中的庫文件。

 - content\
   - yourAddon.xul
   - yourAddon.js
   - yourLibDirectory\
      - libfile1.js

然后，在yourAddon.xul上將其包括在標題中：

<script type="application/x-javascript" src="chrome://yourExtension/content/yourAddon.js"/>
<script type="application/x-javascript" src="chrome://yourExtension/content/yourLibDirectory/libfile1.js"/>

如果您使用addon-sdk進行操作，則對我沒有太大幫助。 :)

Answer 2

可以很容易地通過commonjs加載JS文件，您只需要將所需的函數作為屬性添加到導出對象中即可，例如：

function foo() {}
function bar() {}

if (exports !== void 0) {
  exports.foo = foo;
  exports.bar = bar;
}