|
Сообщение от Aetae
|
|
ток оно всё равно следует правилам defer, а значит при прочих равных выполняется в порядке подключения.
|
Вот только что попробовал
index.html
<head>
<script type=module src='./m1.js'></script>
<script type=module src='./m2.js'></script>
</head>
<body>
</body>
m1.js
import './m2.js'
console.log('m1');
m2.js
console.log('m2');
Выводит
m2 m2.js:1
m1 m1.js:2
Тут просто
<script type=module src='./m2.js'></script> вообще не будет работать.
Потому, что при обработке
import './m2.js'
отмечается, что надо скачать m2.js и выполнить его до m1.js
А второй раз модуль скачиваться и выполняться не будет
Так, что в примере с route
<script type="module" src="./src/page_1/page_1.js"></script>
<script type="module" src="./src/page_2/page_2.js"></script>
<script type="module" src="./src/page_3/page_3.js"></script>
вообще лишние.
import {page_1 as index} from '../page_1/page_1.js';
import {page_2} from '../page_2/page_2.js';
import {page_3} from '../page_3/page_3.js';
Уже достаточно, что бы они загрузились и выполнились перед route