gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix(client): add cache-busting hashes to chunks (#37746)

Browse Source 
* fix(client): add cache-busting hashes to chunks

* fix: create cache-busting names for the workers

Prior to this PR the first webpack compilation gave the workers static
names.  This can cause caching problems, so this PR adds hashes to
their names to invalidate the cache.

In order for Gatsby to find them, the names are added to the
config directory.
This commit is contained in:
Oliver Eyton-Williams
2019-11-14 21:13:44 +01:00
committed by mrugesh
parent c4dc0b297f
commit 687c4fdb98
5 changed files with 34 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
client/webpack-workers.js
View File

@ -1,8 +1,11 @@
const path = require('path');
const CopyWebpackPlugin = require('copy-webpack-plugin');
const { writeFileSync } = require('fs');
module.exports = (env = {}) => {
const __DEV__ = env.production !== true;
const staticPath = path.join(__dirname, './static/js');
const configPath = path.join(__dirname, './config');
return {
mode: __DEV__ ? 'development' : 'production',
entry: {
@ -13,8 +16,18 @@ module.exports = (env = {}) => {
devtool: __DEV__ ? 'inline-source-map' : 'source-map',
output: {
publicPath: '/js/',
chunkFilename: '[name].js',
path: path.join(__dirname, './static/js')
filename: chunkData => {
// construct and output the filename here, so the client can use the
// json to find the file.
const filename = `${chunkData.chunk.name}.${chunkData.chunk.contentHash.javascript}`;
writeFileSync(
path.join(configPath, `${chunkData.chunk.name}.json`),
`{"filename": "${filename}"}`
);
return filename + '.js';
},
chunkFilename: '[name].[contenthash].js',
path: staticPath
},
stats: {
// Display bailout reasons