// requests.js
function RequestToSite() {
return fetch('https://somesite.com').then(function(data) {
return data.json()
})
export { RequestToSite }
}// background.js - service_worker
import { RequestToSite } from './requests.js'
async function someFunction() {
let data = await RequestToSite();
return data
}// index.html - content page
///////////////////////////////////////////////////////////////
//
// <script type="text/javascript" src="./main.js"></script>
// <script type="text/javascript" src="./script_1.js"></script>
// <script type="text/javascript" src="./script_2.js"></script>
// пытался так 1: функции из requests.js отсутствуют
// и ошибка SyntaxError: Unexpected token 'export'
// <script type="text/javascript" src="./requests.js"></script>
// пытался так 2: писал в main.js import, но очевидно было, что не заработает.
// <script type="module" src="./requests.js"></script>
////////////////////////////////////////////////////////////////
// main.js
import { RequestToSite } from './requests.js' // строка использовалась при попытке 2
// использовать RequestToSite из requests.js и тут
async function getSomeData() {
let data = await RequestToSite()
}// новый js-файл. import_module.js
import { RequestToSite, fn1, fn2 } from './requests.js'
import { fun5, random } from './new_module.js'
window.RequestToSite = RequestToSite;
window.fn1 = fn1;
window.fn2 = fn2;
window.fun5 = fun5;
window.random = random;
// etc..<!-- HTML страница -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Example</title>
<script type="module" src="./import_module.js"></script>
</head>
<body>
<!-- Content of the page -->
</body>
</html>// requests.js
(function(global) {
function RequestToSite() {
return fetch('https://somesite.com').then(function(data) {
return data.json();
});
}
if (typeof module !== 'undefined' && module.exports) {
module.exports = {
RequestToSite
};
} else {
global.RequestToSite = RequestToSite;
}
})(this);// background.js - service_worker
import { RequestToSite } from './requests.js';
async function someFunction() {
let data = await RequestToSite();
return data;
}<!-- index.html - content page -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Example</title>
<script type="text/javascript" src="./requests.js"></script>
<script type="text/javascript" src="./main.js"></script>
</head>
<body>
<!-- Content of the page -->
</body>
</html>// main.js
async function getSomeData() {
let data = await RequestToSite();
console.log(data);
}
// Вызов функции для проверки
getSomeData();