Как сделать импорт в js другой js в chrome extention?

Question

[Elvis]

Привет!
Можно ли как то импортировать в js код другого js?
Например есть js файл в котором находятся базовые скрипты, которые вызываются во многих других функциях. Когда это всё единым файлом, то всё хорошо, но когда этот файл становится слишком большим, то уже задумываешься о разделении функционала плагина на, так сказать, "модули". каждый модуль отвечает за свой функционал. Однако в каждом модуле происходит вызов одних и тех же функций.
Вот собственно хочу выделить все такие функции в какой нибудь base.js и импортировать в другие js файлы.
Как можно это сделать если учесть что у меня extention, а не просто код на сайте.

Comments

[Сергей c0re]

А какой у вас extention??
в какую часть необходимо включать??
popup, background, content ???

[Elvis]

Сергей, не уверен background или content, так как не могу понять чем отличаются. но я произвожу манипуляции с DOM страницы. Точно не popup, его в этом плагине нет.

[Сергей c0re]

Elvis, как-то это странно конечно...

не уверен background или content,

:)
В manifest.json куда вы свой скрипт вписали??

PS: Из popup так же можно манипулировать DOMом страницы, но через определенные "педали" конечно.

Answer 1

[Алексей Ярков]

1. Собирать код каким-нибудь бандлером
   
2. Подключать ваш base.js ДО остальных скриптов
   

Выбирайте.

Comments

[Elvis]

как я понял 1 вариант - это я разрабатываю всё в разных файлах, потом бандлером всё это преобразую в 1 js и его уже использую в плагине.
2 вариант мне немного не понятен. как мне подключать раньше, если я не встраиваю свои js в код страницы?
я в manifest прописываю так:

"js": ["base.js", "counit.js", "mark.js", "armsml.js"]

собственно в base.js хочу оставить основные функции, а из других вызывать, чтобы не дублировать в каждый "модуль" одно и то же.

[Алексей Ярков]

Elvis,

как мне подключать раньше, если я не встраиваю свои js в код страницы?

Ага, а JS код работает на уровне магии ))

"js": ["base.js", "counit.js", "mark.js", "armsml.js"]

ЕМНИП они и подключаются в таком порядке, в каком указаны в массиве. Так что должно все работать.

[Elvis]

Алексей Ярков, и правда работает

Answer 2

[Сергей c0re]

Вы это читали?
https://developer.chrome.com/extensions/content_sc...

Declaratively injected scripts are registered in the manifest under the "content_scripts" field. They can include JavaScript files, CSS files or both. All auto-run content scripts must specify match patterns.

{
"name": "My extension",
...
"content_scripts": [
{
"matches": ["http://*.nytimes.com/*"],
"css": ["myStyles.css"],
"js": ["contentScript.js"]
}
],
...
}

js array of strings Optional. The list of JavaScript files to be injected into matching pages. These are injected in the order they appear in this array.

тоже самое и с секцией background
https://developer.chrome.com/extensions/background...

{
"name": "Awesome Test Extension",
...
"background": {
"scripts": [
"backgroundContextMenus.js",
"backgroundOmniBox.js",
"backgroundOauth.js"
],
"persistent": false
},
...
}

PS: в popup они вставляются через тег script как в обычном HTML файле.