Gunakan html-webpack-plugin' untuk menghasilkan plug-in halaman html di memori

Saat kami mengemas file webpackjs, kami memperkenalkan main.js global di antarmuka index.html, seperti yang ditunjukkan di bawah ini:

src ='budl.js' harus diperkenalkan

Saat mengemas, file yang belum dibongkar dibagi menjadi dua file, satu adalah file disk lokal dan yang lainnya adalah file di memori. Bukankah ini sangat merepotkan html-webpack-plugin menginstal plugin ini.

1. Pertama kita masukkan npm i html-webpack-plugin untuk menginstal plug-in

2. Kemudian konfigurasikan opsi pada file konfigurasi webpack.config.js.

Instalasi selesai

webpack.config.js memperkenalkan html-webpack-plugin

Konfigurasikan file antarmuka yang dihasilkan

3. Setelah plugin diinstal, beri komentar pada src=budle.js di indeks, lalu mulai ulang proyek

4. Setelah proyek dimulai ulang, antarmuka akan secara otomatis mengemas buld.js dan memperkenalkannya ke antarmuka indeks.

Di atas adalah pengantar editor untuk menggunakan html-webpack-plugin' untuk menghasilkan plug-in halaman html di memori. Saya harap ini dapat membantu Anda. Jika Anda memiliki pertanyaan, silakan tinggalkan pesan kepada saya dan editor akan membalasnya kamu tepat waktu. Saya juga ingin mengucapkan terima kasih kepada semua orang atas dukungan Anda terhadap situs seni bela diri VeVb!