Чтобы добавить хеш-код для созданного пакета, добавьте эти строки в файл webpack.config. js.
output: {
filename: '[name].[contenthash].js',
path: path.resolve(__dirname, 'dist'),
}
Для кэширования на сервере
Вам нужно разделить основной блок на блок времени выполнения и блок поставщика. Для этого вам нужно добавить следующий код в раздел оптимизации файла webpack.config. js.
optimization: {
runtimeChunk: 'single',
moduleIds: 'hashed',
splitChunks: {
cacheGroups: {
vendor: {
test: /[\\/]node_modules[\\/]/,
name: 'vendors',
chunks: 'all',
},
},
},
}
Когда каждый раз, когда вы меняете код, другие куски / га sh (vendor, время выполнения) не меняется. Таким образом, клиент (браузер) не извлекает неизмененный кусок, который он загружает из кэша.
Ссылочная ссылка https://webpack.js.org/guides/caching/