เมื่อเราจัดแพ็คเกจไฟล์ webpackjs เราจะแนะนำ global main.js ในอินเทอร์เฟซ index.html ดังที่แสดงด้านล่าง:
src ='budl.js' จะต้องถูกนำมาใช้
เมื่อทำการบรรจุ ไฟล์ที่คลายแพ็กจะถูกแบ่งออกเป็นสองไฟล์ หนึ่งไฟล์เป็นไฟล์ในดิสก์ในเครื่อง html-webpack-plugin อีกไฟล์หนึ่งเป็นไฟล์ในหน่วยความจำ ปัญหานี้ไม่เป็นปัญหาอีกต่อไปใช่ไหม html-webpack-plugin จะติดตั้งปลั๊กอินนี้
1. ก่อนอื่นเราป้อน npm i html-webpack-plugin เพื่อติดตั้งปลั๊กอิน
2. จากนั้นกำหนดค่าตัวเลือกในไฟล์การกำหนดค่า webpack.config.js
การติดตั้งเสร็จสมบูรณ์
webpack.config.js แนะนำ html-webpack-plugin
กำหนดค่าไฟล์อินเทอร์เฟซที่สร้างขึ้น
3. หลังจากติดตั้งปลั๊กอินแล้ว ให้แสดงความคิดเห็น src=budle.js ในดัชนี จากนั้นรีสตาร์ทโปรเจ็กต์
4. หลังจากรีสตาร์ทโปรเจ็กต์ อินเทอร์เฟซจะจัดทำแพ็กเกจ buld.js โดยอัตโนมัติและนำมาใช้ในอินเทอร์เฟซดัชนี
สรุปข้างต้นนี้เป็นคำแนะนำของบรรณาธิการเกี่ยวกับการใช้ html-webpack-plugin' เพื่อสร้างปลั๊กอินหน้า html ในหน่วยความจำ ฉันหวังว่ามันจะเป็นประโยชน์กับคุณ หากคุณมีคำถามใดๆ โปรดฝากข้อความถึงฉัน แล้วโปรแกรมแก้ไขจะตอบกลับ คุณทันเวลา ฉันอยากจะขอบคุณทุกคนที่ให้การสนับสนุนเว็บไซต์ศิลปะการต่อสู้ VeVb!