해시 패드 웹팩

해시시

TLDR; Hash adalah suatu kode dari hasil enkripsi yang umumnya terdiri dari huruf maupun angka yang acak. Fungsi/pengunaan Hash sendiri dalam webpack yang digunakan umumnya untuk menghindari duplikasi ketika terjadinya update pada JS/saat melakukan update. Lalu bagaimana penggunaan hash yang tepat ketika kita melakukan konfigurasi pada webpack?

Perbedaan 및 jenis hash pada webpack

해싱은 스크립트 웹팩 및 해시 센디리 메모리 제니스/팁 양 세링 디구나칸 케티카 메모리 스크립트 웹팩을 포함합니다.

1. [해시]
Ketika kita menggunakan hash maka ketika setiap build terjadi perubahan maka chunk sendiri akan membuat hash baru.

콘토 :

module.exports = {
  //...
  output: {
    filename: '[name].[hash].bundle.js'
  }
};

2. [청카쉬]
Ketika menggunakan chunkchash maka ketika setiap build terjadi
perubahan pada chunk hanya chunk tertentu saja atau chunk yang entry pointnya terjadi perubahan. Maka dalam perubahan ini dalam kasus webpack ini sangat cocok digunakan untuk menghash file javascript.

콘토:

module.exports = {
  //...
  output: {
    filename: '[chunkhash].bundle.js'
  }
};

3. [컨텐츠해시]
Contenthash sering digunakan untuk menghash file css karena jika menggunakan hash yang sama dengan hash pada javascript maka ketika terjadi update pada entry css tersebut maka chunk file css hashnya tidak akan terganti untuk menghindari case seperti ini maka lebih baik menggunakan contenthash.

콘토:

module.exports = {
  //...
  output: {
    filename: '[contenthash].bundle.css'
  }
};

메모

해시 슬라이스

Jika hash dirasa terlalu panjang kita dapat menggunakan [hash:8] maka hash yang dihasilkan akan menjadi seperti 8c4cbfdb
디펠라자리에 대한 참조:
https://medium.com/@sahilkkrazy/hash-vs-chunkhash-vs-contenthash-e94d38a32208
https://webpack.js.org/guides/caching/
https://webpack.js.org/configuration/output/
https://codeburst.io/long-term-caching-of-static-assets-with-webpack-1ecb139adb95