687c4fdb98
* 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.
67 lines
2.0 KiB
JavaScript
67 lines
2.0 KiB
JavaScript
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: {
|
|
'frame-runner': './src/client/frame-runner.js',
|
|
'sass-compile': './src/client/workers/sass-compile.js',
|
|
'test-evaluator': './src/client/workers/test-evaluator.js'
|
|
},
|
|
devtool: __DEV__ ? 'inline-source-map' : 'source-map',
|
|
output: {
|
|
publicPath: '/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
|
|
optimizationBailout: true
|
|
},
|
|
module: {
|
|
rules: [
|
|
{
|
|
test: /\.jsx?$/,
|
|
include: [path.join(__dirname, 'src/client/')],
|
|
use: {
|
|
loader: 'babel-loader',
|
|
options: {
|
|
babelrc: false,
|
|
presets: [
|
|
[
|
|
'@babel/preset-env',
|
|
{ modules: false, targets: '> 0.25%, not dead' }
|
|
]
|
|
],
|
|
plugins: [
|
|
'@babel/plugin-transform-runtime',
|
|
'@babel/plugin-syntax-dynamic-import'
|
|
]
|
|
}
|
|
}
|
|
}
|
|
]
|
|
},
|
|
plugins: [
|
|
new CopyWebpackPlugin([
|
|
{ from: 'node_modules/sass.js/dist/sass.sync.js' }
|
|
])
|
|
]
|
|
};
|
|
};
|