ضمیمه کردن فایل class (با ساختار ES6) در HTML

برای استفاده از class که در آن از export استفاده شده است باید ویژگی type در تگ script را با مقدار module مشخص کنید. با مشخص کردن این ویژگی در داخل تگ script می توانیم از ساختار import برای ضمیمه کردن class مورد نظر استفاده کنیم:

<script type=”module”>
import {Capture} from ‘./camera.js’;
var capture = new Capture();

ضمیمه کردن فایل js به صورت پویا

از نسخه ES10 به بعد می توانیم فایل های js را تنها در صورتی که مورد نیاز است به صفحه ضمیمه کرده و مورد استفاده قرار دهیم:

document.querySelect(“#button”).addEvenetListener(“click”, async ()=> {
    const camera = await import(‘./camera.js’);
    camera.Capture.get();
})