javascript - 如何从不同的文件导出/导入 Google Chrome 扩展程序中的变量 - Javascript

Question

我正在开发一个与关键字识别一起使用的小 Chrome 扩展程序。如果在网站上找到某个关键字，我们的扩展程序应该做一些事情。

我们想将关键字 - 数组（我们有几个）导出到另一个文件，以使代码更具可读性。我们将扩展作为内容脚本运行。

我们尝试了两种 javascript 方法：

1. export {myKeywords}在这里import {myKeywords} from 'keywords' 我们得到这个错误：“Uncaught SyntaxError: Cannot use import statement outside a module”

2. module.export = myKeywords在这里var keyWords = require('./keywords.js') 我们得到这个错误：“Uncaught ReferenceError: require is not defined”

该keywords.js文件与我们的文件位于同一文件夹中extension.js。

这就是我们manifest.json在这content_script部分的样子：

        "content_scripts": [ 
    {
        "matches": [
            "<all_urls>"
        ],
        "js": [ "jquery-3.5.1.min.js","extension.js"],
        "css": ["styles.css"],
        "run_at": "document_idle"
    }
],

谷歌搜索对我没有帮助，因为这似乎是扩展如何工作的问题。我会非常感谢我能得到的所有帮助。

标签： javascriptgoogle-chrome-extension