Hash w pliku budowania w Webpack

Wcześniej omawialiśmy już problem pamięci podręcznej plików. Za pomocą Webpack można łatwo poradzić sobie z tym problemem. Webpack pozwala dodawać do nazwy pliku specjalny hash, reprezentujący sobie unikalny losowy ciąg znaków, tworzony na podstawie zawartości pliku budowania.

Oznacza to, że przy każdym nowym budowaniu, jeśli zostały wprowadzone zmiany w plikach projektu, to hash pliku budowania się zmieni.

Hash do nazwy pliku można dodać za pomocą specjalnego polecenia [contenthash]. Zróbmy to:

webpack.config.jsexport default {
  entry: [
    './src/test1.js',
    './src/test2.js'
  ],
  output: {
    filename: 'build.[contenthash].js',
  }
};
Задание 1

Dodaj hash do nazwy swojego pliku budowania. Zbuduj projekt. Spójrz na nazwę pliku.

Задание 2

Wprowadź zmianę w plikach projektu. Zbuduj projekt. Spójrz na nazwę nowego pliku.