Bagaimanakah Saya Boleh Mengimport Modul ES6 ke dalam Skrip Kandungan Sambungan Chrome?

Cara mengimport modul ES6 dalam skrip kandungan untuk Sambungan Chrome

Latar Belakang

Dalam Chrome 61, sokongan untuk modul JavaScript telah diperkenalkan. Memandangkan soalan ini ditanya pada tahun 2018, versi semasa Chrome adalah lebih baharu, menyebabkan cadangannya berpotensi ketinggalan zaman. Jadi artikel ini meneroka penyelesaian kontemporari kepada isu yang sedang dihadapi.

Pendekatan Semasa

Fungsi import() dinamik tak segerak untuk modul ES

Kaedah ini membolehkan pengimportan modul daripada sumber yang dipercayai dan mengekalkan akses kepada pembolehubah global dan fungsi skrip kandungan awal. Walau bagaimanapun, ia boleh disekat oleh pekerja perkhidmatan tapak web kerana isu yang diketahui dalam Chrome.

Penyelesaian "import" segerak untuk skrip bukan modul biasa

Kaedah ini menggunakan skrip bukan modul, menambah nama mereka pada tatasusunan "js" dalam "content_scripts," dan kemudian merujuk kepada global pembolehubah/fungsi secara langsung.

Maklumat Lanjut

• Cara menggunakan "import" ES6 dengan Sambungan Chrome: https://stackoverflow.com/questions/48277565/how-to-import -es6-modules-in-content-script-for-chrome-extension
• Berfungsi Contoh import ES6 dalam Sambungan Chrome: https://github.com/TheSavior/chrome-extension-es6-tips
• chrome.runtime.getURL: https://developer.chrome.com/docs/extensions /reference/runtime/#method-getURL

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengimport Modul ES6 ke dalam Skrip Kandungan Sambungan Chrome?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!