เอาต์พุตตัวโหลดไฟล์ Webpack [โมดูลวัตถุ]
ฉันใช้ webpack ด้วยHtmlWebpackPlugin, และhtml-loader file-loaderฉันมีโครงสร้างโครงการง่าย ๆ ที่ฉันไม่ใช้เฟรมเวิร์ก แต่เป็นตัวพิมพ์ดีดเท่านั้น ดังนั้นผมเขียนโค้ด HTML index.htmlของฉันโดยตรงกับ ฉันยังใช้ไฟล์ HTML นี้เป็นเทมเพลตของฉันHtmlWebpackPluginด้วย ในฐานะที่เป็นเว็บไซต์ทั้งหมดฉันจำเป็นต้องใส่ภาพซึ่งอ้างถึง PNG ในโฟลเดอร์เนื้อหาของฉัน file-loaderควรโหลดไฟล์อย่างถูกต้องใส่ชื่อไฟล์ใหม่ภายในsrcแท็ก แต่นั่นไม่ใช่สิ่งที่เกิดขึ้น แต่เป็นค่าของแท็กฉันมีsrc [object Module]ฉันถือว่าfile-loaderปล่อยวัตถุบางอย่างและมันจะแสดงเช่นนี้เมื่อ.toString()วิธีการทำงานของมัน อย่างไรก็ตามฉันเห็นว่าfile-loaderประมวลผลไฟล์สำเร็จแล้วและปล่อยออกมาด้วยชื่อใหม่ไปยังพา ธ เอาต์พุต ฉันไม่มีข้อผิดพลาด index.htmlนี่คือการตั้งค่าของฉันและ webpack const projectRoot = path.resolve(__dirname, '..'); { entry: path.resolve(projectRoot, 'src', 'app.ts'), mode: 'production', output: { path: path.resolve(projectRoot, 'dist'), filename: 'app.bundle.js' }, resolve: { …