Kehidupan dengan ESM

Modul ES (ESM) merevolusi pembangunan JavaScript. Fikirkan import dan fungsi yang berkaitan - cara moden untuk menguruskan kod JavaScript.

Pelayar moden kini menyokong ESM sepenuhnya, dengan ketara mempermudahkan projek JavaScript, terutamanya jika anda telah bergerak melampaui Internet Explorer.

Sebelum ESM, pembangunan JavaScript melibatkan beberapa langkah:

1. Mengambil pakej dari NPM menggunakan package.json dan npm install .
2. Menulis penyataan import yang tidak sah ESM (untuk kemudahan pemaju), dengan mengandaikan import dari folder node_modules tempatan.
3. Bergantung pada bundler untuk mengendalikan import yang tidak standard ini, selalunya untuk pengoptimuman prestasi dan tugas seperti Babel Transpilation.

Kebangkitan ESM mencabar amalan -amalan yang telah ditetapkan ini. Soalan sedang dibangkitkan:

• Adakah npm install benar -benar perlu?
• Bolehkah kita menghapuskan keperluan untuk bundlers?
• Dengan HTTP/2, CDN global, dan pengoptimuman penyemak imbas, bundling masih penting untuk prestasi?
• Adakah kita terlalu banyak menyusun kod kita dengan kompilasi yang berlebihan?

Alat baru muncul yang merangkumi potensi ESM. Snowpack 3, misalnya, menunjukkan kuasa peralihan ini: Running React (dengan JSX) tanpa npm install , node_modules , atau langkah membina, namun masih menyediakan pelayan pembangunan dan memuat semula panas. Pendekatan yang diselaraskan ini sangat cekap.

WMR (Web Module Runner), satu lagi alat inovatif, berkongsi falsafah yang sama dengan Snowpack/Skypack. Ia membolehkan menggunakan pakej NPM tanpa pemasangan, menyokong modul JSX, TypeScript, dan CSS, dan termasuk ciri -ciri seperti pelayan dev dan tambah nilai panas.

Trend ini ke arah ESM mendapat momentum yang ketara, walaupun di sebelah Node.js. Sindre Sorhus, seorang penyelenggara pakej NPM yang terkenal dengan lebih daripada 1000 pakej, merancang untuk berhijrah hampir semua pakejnya ke ESM, menganjurkan satu format output tunggal ESM. Pergeseran ekosistem ini memberi kesan kepada pembangunan berasaskan pelayar.

Bagi situasi di mana bundling masih diperlukan (contohnya, pakej NPM belum bersesuaian ESM), bundlers generasi akan datang menawarkan kelajuan yang lebih baik secara dramatik.

Atas ialah kandungan terperinci Kehidupan dengan ESM. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!