การทำงานกับ HTML layouts ใน Webpack

Webpack สามารถทำงานกับ HTML layouts ได้ มันช่วยให้สามารถดำเนินการ เชื่อมต่อบันเดิลที่ถูก build แล้วไปยังไฟล์ layout โดยอัตโนมัติ สิ่งนี้สะดวกเป็นพิเศษเมื่อ ชื่อบันเดิลมีแฮช

สำหรับการทำงานกับ HTML layouts เราใช้ html-webpack-plugin มาลองติดตั้งกัน:

npm install html-webpack-plugin --save-dev

นำเข้า:

import HtmlWebpackPlugin from 'html-webpack-plugin';

มาเปิดใช้งาน:

export default {
	entry: './src/index.js',
	plugins: [
		new HtmlWebpackPlugin(),
	],
};

ติดตั้งและนำเข้า plugin ตามที่อธิบายไว้