javascript - Tidak begitu memahami idea pembungkusan modul webpack?

Question

Saya sedang mempelajari webpack melalui dokumentasi webpack rasmi
Pada mulanya, webpack memproses semua sumber sebagai modul dan membungkusnya ke dalam berkas. Ia kelihatan cukup bagus dan sangat menarik.

Tapi bila tengok nanti, saya keliru dengan konsep pembungkusan.

Melihat pemisahan kod, ia berkata bahawa untuk menggunakan sepenuhnya mekanisme pemuatan dan caching selari penyemak imbas, css dan fail perpustakaan pihak ketiga mesti dibungkus secara berasingan ke dalam satu berkas.

Bukankah hasil bahawa penggunaan teg konvensional untuk memperkenalkan sumber ditukar kepada penggunaan memerlukan untuk memaparkan pemuatan dalam js?
Jadi selain mengisytiharkan kebergantungan secara eksplisit, apakah kelebihan pembungkusan modul?

Melihat tempat di mana kod itu dipisahkan, saya terfikir, kerana ia perlu dipisahkan, mengapa saya perlu membungkus modul?

Adakah terdapat faedah untuk membungkus modul ini?

Answer 1

Sebagai contoh, asingkan css di sana. Anda perlu terlebih dahulu menghendaki css diperkenalkan, kemudian gunakan pemalam untuk membungkusnya ke dalam satu berkas secara berasingan, dan kemudian gunakan teg untuk memperkenalkannya dalam html.

Kenapa saya perlu bersusah payah mengemasnya? Bukankah lebih baik hanya menggunakan tag dalam HTML seperti biasa?

Answer 2

Modularisasi adalah untuk kemudahan menulis kod, dan pembungkusan adalah untuk kemudahan menjalankan kod

Selain itu, webpack boleh dibungkus secara berasingan

Answer 3

Jika anda melakukan SPA, atau jika anda tidak menggunakan scss, postcss, pemampatan imej atau penukaran imej base64 automatik, memasukkan CSS atau JS secara manual sebenarnya bukan masalah besar. Apabila bekerja pada projek berbilang halaman Vue, anda mungkin menyedari kemudahan memasukkan js atau css secara automatik ke dalam html.

Pada masa lalu, apabila saya memperkenalkan css melalui pautan manual, untuk kemudahan, saya akan meletakkan semua kandungan css dalam fail yang sama, jika tidak, saya perlu menambah pautan Namun, adalah menyusahkan untuk membangunkan semua css dalam satu fail. Selepas beberapa pek web, saya boleh membahagikan fail css sebanyak mungkin, dan struktur fail akan menjadi jelas

Faedah pek web tentang CSS, itu sahaja yang saya boleh fikirkan buat masa ini