แฮชในไฟล์บิลด์ใน Webpack

ก่อนหน้านี้เราเคยพูดถึงปัญหาเรื่องการแคชไฟล์แล้ว ด้วย Webpack เราสามารถจัดการกับปัญหานี้ได้ง่าย Webpack อนุญาตให้เราเพิ่ม แฮช พิเศษลงในชื่อไฟล์ ซึ่งเป็นสตริงสุ่มที่ไม่ซ้ำใครที่สร้างขึ้นจากเนื้อหาของไฟล์บิลด์

นั่นหมายความว่าในการบิลด์แต่ละครั้ง ถ้ามีการเปลี่ยนแปลงในไฟล์โปรเจกต์ แฮชของไฟล์บิลด์ก็จะเปลี่ยนไปด้วย

สามารถเพิ่มแฮชไปยังชื่อไฟล์ได้ด้วยคำสั่งพิเศษ [contenthash] ลองทำดู:

webpack.config.jsexport default {
  entry: [
    './src/test1.js',
    './src/test2.js'
  ],
  output: {
    filename: 'build.[contenthash].js',
  }
};