Menggunakan modul ES dalam penyemak imbas hari ini

menggunakan modul ES dalam pelayar: Status Semasa dan Masa Depan

mata teras:

ES6 (ES2015) memperkenalkan standard modul asli JavaScript, tetapi pada mulanya penyemak imbas sokongan LED pemaju untuk menggunakan pemuat modul untuk membungkus kebergantungan ke dalam satu fail penyemak imbas yang serasi ES5.
Penyemak imbas arus perdana seperti Safari, Chrome, Firefox, dan Edge kini menyokong sintaks
• modul ES6, membolehkan struktur kod yang lebih cekap dan standard. import
Walaupun sokongan modul ES6 terus bertambah baik, membina alat seperti Babel dan Webpack masih sangat diperlukan kerana penyemak imbas terus dioptimumkan. Menggabungkan keupayaan streaming multi-sumber HTTP2 dan keupayaan preloading pelayar, modul ES dijangka membawa peningkatan prestasi yang signifikan.
Walaupun sekarang anda boleh menggunakan modul ES secara langsung dalam pelayar moden tanpa memerlukan penterjemah atau bundler, masih disyorkan untuk membuat pakej berasingan untuk pelayar yang lebih tua. Semakin banyak perpustakaan mula dibebaskan sebagai modul ES, tetapi mereka masih disasarkan pada bundlers dan bukannya import langsung.

// html.js
export function tag (tag, text) {
  const el = document.createElement(tag)
  el.textContent = text

  return el
}</pre>
Salin selepas log masuk

atau sebagai skrip luaran:

<🎜></pre>
Salin selepas log masuk

// app.js
import { tag } from './html.js'

const h1 = tag('h1', '? Hello Modules!')
document.body.appendChild(h1)</pre>
Salin selepas log masuk

Cukup tambah type="module" ke </pre> <p> <strong> anda

import file:// Keperluan npx serve

anda memerlukan pelayan untuk menggunakan

. Anda boleh menggunakan browser-es-module-loader untuk memulakan pelayan dalam direktori semasa untuk ujian tempatan.

Jika anda ingin memuatkan modul ES pada domain yang berbeza, anda perlu mengaktifkan CORS. Jika anda cukup berani untuk mencuba ini dalam pengeluaran sekarang, anda masih perlu membuat pakej berasingan untuk pelayar yang lebih tua. Polyfill disediakan dalam

Prestasi