Analisis singkat tutorial tentang penggunaan plugin webpack HTML

Gunakan plugin HTML-WEBPACK-PLUGIN untuk memulai halaman untuk memasukkan halaman HTML ke dalam memori untuk meningkatkan kecepatan pemuatan halaman

Ini juga dapat secara otomatis mengatur jalur yang diperkenalkan oleh file JS di halaman index.html

Prasyarat untuk digunakan: Webpack diinstal dalam proyek:

Fungsinya adalah untuk menghasilkan halaman HTML yang sesuai dalam memori berdasarkan halaman templat yang ditentukan.

Impor plugin HTML-WEBPACK-PLUGIN di file konfigurasi dan konfigurasikan jalur halaman template dan nama halaman yang dihasilkan

 const path = membutuhkan (path) // impor html-webpack-pluginconsst htmlwebpackplugin = membutuhkan (html-webpack-plugin) module.exports = {entri: path.join (__ dirname ,./src/main.js), output: oP: {Path: __ dirname ,./src/main.js), output: oTput: {Path: __ dirname ,./src/main.js), output: {oTput: {Path: __ dirname ,./src/main.js), output: oTput: {Path: __ dirname, Nama file: bundle.js}, // Mengkonfigurasi plugin: [// buat html-webpack-plugin plugin htmlwebpackplugin baru ({// atur template parameter: path.join (__ dirname,. nama file: index.html // Tentukan nama halaman yang dihasilkan dalam memori})]}

Setelah menggunakan plugin HTML-WEBPACK-PLUGIN, tidak perlu memproses jalur referensi bundel.js secara manual

Karena jalur yang benar ke bundel.js telah secara otomatis dimasukkan ke dalam halaman HTML yang dihasilkan dalam memori

1. Secara otomatis menghasilkan halaman dalam memori berdasarkan halaman yang ditentukan.

2. Secara otomatis memperkenalkan bundel kemasan.js ke dalam halaman

Ini adalah akhir dari artikel ini tentang analisis singkat tutorial tentang penggunaan plugin webpack HTML. Untuk konten plugin Webpack HTML yang lebih terkait, silakan cari artikel sebelumnya dari wulin.com atau terus menelusuri artikel terkait di bawah ini. Saya harap semua orang akan mendukung wulin.com di masa depan!