2017-05-02 20:04:16 -04:00
|
|
|
// Note: You must restart bin/webpack-dev-server for changes to take effect
|
|
|
|
|
2022-08-25 14:10:01 -04:00
|
|
|
const { createHash } = require('crypto');
|
|
|
|
const { readFileSync } = require('fs');
|
|
|
|
const { resolve } = require('path');
|
2020-11-04 12:21:28 -05:00
|
|
|
const { merge } = require('webpack-merge');
|
2019-03-15 10:05:31 -04:00
|
|
|
const { BundleAnalyzerPlugin } = require('webpack-bundle-analyzer');
|
2019-06-04 08:17:09 -04:00
|
|
|
const TerserPlugin = require('terser-webpack-plugin');
|
2017-05-20 11:31:47 -04:00
|
|
|
const CompressionPlugin = require('compression-webpack-plugin');
|
2022-08-25 14:10:01 -04:00
|
|
|
const { InjectManifest } = require('workbox-webpack-plugin');
|
2019-03-15 10:05:31 -04:00
|
|
|
const sharedConfig = require('./shared');
|
2017-05-02 20:04:16 -04:00
|
|
|
|
2022-08-25 14:10:01 -04:00
|
|
|
const root = resolve(__dirname, '..', '..');
|
2018-05-28 18:43:47 -04:00
|
|
|
|
2017-05-02 20:04:16 -04:00
|
|
|
module.exports = merge(sharedConfig, {
|
2018-07-13 21:56:41 -04:00
|
|
|
mode: 'production',
|
2019-03-15 10:05:31 -04:00
|
|
|
devtool: 'source-map',
|
2017-06-17 20:57:09 -04:00
|
|
|
stats: 'normal',
|
2019-03-15 10:05:31 -04:00
|
|
|
bail: true,
|
2018-07-13 21:56:41 -04:00
|
|
|
optimization: {
|
|
|
|
minimize: true,
|
|
|
|
minimizer: [
|
2019-06-04 08:17:09 -04:00
|
|
|
new TerserPlugin({
|
2018-10-06 02:12:05 -04:00
|
|
|
cache: true,
|
|
|
|
parallel: true,
|
2018-07-13 21:56:41 -04:00
|
|
|
sourceMap: true,
|
|
|
|
}),
|
|
|
|
],
|
|
|
|
},
|
|
|
|
|
|
|
|
plugins: [
|
2017-05-02 20:04:16 -04:00
|
|
|
new CompressionPlugin({
|
2021-06-24 22:45:04 -04:00
|
|
|
filename: '[path][base].gz[query]',
|
2019-03-15 10:05:31 -04:00
|
|
|
cache: true,
|
|
|
|
test: /\.(js|css|html|json|ico|svg|eot|otf|ttf|map)$/,
|
2017-05-20 11:31:47 -04:00
|
|
|
}),
|
2019-03-16 06:23:54 -04:00
|
|
|
new BundleAnalyzerPlugin({ // generates report.html
|
2017-05-22 09:42:11 -04:00
|
|
|
analyzerMode: 'static',
|
|
|
|
openAnalyzer: false,
|
2017-05-28 10:26:16 -04:00
|
|
|
logLevel: 'silent', // do not bother Webpacker, who runs with --json and parses stdout
|
2017-05-22 09:42:11 -04:00
|
|
|
}),
|
2022-08-25 14:10:01 -04:00
|
|
|
new InjectManifest({
|
|
|
|
additionalManifestEntries: ['1f602.svg', 'sheet_13.png'].map((filename) => {
|
|
|
|
const path = resolve(root, 'public', 'emoji', filename);
|
|
|
|
const body = readFileSync(path);
|
|
|
|
const md5 = createHash('md5');
|
|
|
|
|
|
|
|
md5.update(body);
|
|
|
|
|
|
|
|
return {
|
|
|
|
revision: md5.digest('hex'),
|
|
|
|
url: `/emoji/${filename}`,
|
|
|
|
};
|
|
|
|
}),
|
|
|
|
exclude: [
|
|
|
|
/(?:base|extra)_polyfills-.*\.js$/,
|
|
|
|
/locale_.*\.js$/,
|
|
|
|
/mailer-.*\.(?:css|js)$/,
|
2017-10-31 07:25:51 -04:00
|
|
|
],
|
2022-08-25 14:10:01 -04:00
|
|
|
include: [/\.js$/, /\.css$/],
|
|
|
|
maximumFileSizeToCacheInBytes: 2 * 1_024 * 1_024, // 2 MiB
|
|
|
|
swDest: resolve(root, 'public', 'packs', 'sw.js'),
|
|
|
|
swSrc: resolve(root, 'app', 'javascript', 'mastodon', 'service_worker', 'entry.js'),
|
2017-07-13 16:15:32 -04:00
|
|
|
}),
|
2017-05-20 11:31:47 -04:00
|
|
|
],
|
|
|
|
});
|