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

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

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

terminalnpm install html-webpack-plugin --save-dev

นำเข้า:

webpack.config.jsimport HtmlWebpackPlugin from 'html-webpack-plugin';

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

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