包括JS文件到Crossrider项目

Question

我正在从事越野扩展，我是新的扩展开发人员。我已经创建了基于演示的基础项目，甚至还包括了Jasmine进行测试。不幸的是，我无意中创造了自己的资源。

以下是我的调试项目的结构：

resources\
    lib\
    spec\
        test-runner.js
    src\
        js\
            App.js
        popup.html
    background.js
    extension.js

：

(function() {
    appAPI.resources.includeCSS('lib/jasmine/jasmine.css');
    appAPI.resources.includeJS('lib/jasmine/jasmine.js');
    appAPI.resources.includeJS('lib/jasmine/jasmine-html.js');
    appAPI.resources.includeJS('lib/jasmine/boot.js');

    $('body').html('');

    appAPI.resources.includeJS('spec/App-spec.js');
})();

这就是我是如何包括这个文件的：

appAPI.resources.includeJS('spec/test-runner.js');

一切都很好。

当我试图包含App.js时，问题就开始了。我读到应该这样做：

 appAPI.resources.addInlineJS('src/js/App.js');

但这不管用。

这是我的App.js：

var App = {
    init: function() {
        console.log('App initialized');
    }
};

$(document).ready(App.init);

是否可以在background.js，、、extension.js、或中包含资源文件，以及如何向项目资源中添加更多js文件？

Answer 1

如果我理解您试图正确地实现什么(即向扩展代码添加一个资源脚本)，我认为您有一个作用域问题。

appAPI.resources.addInlineJS将资源脚本添加到HTML 作用域，一旦添加，扩展页作用域将无法访问该代码。要将资源脚本添加到扩展代码(即extension.js代码)中，请使用appAPI.resources.includeJS，如下所示：

appAPI.resources.includeJS('src/js/App.js');

披露：我是一名跨部门员工