soapbox/webpack/production.js

123 wiersze
3.7 KiB
JavaScript
Czysty Zwykły widok Historia

2020-03-27 20:59:38 +00:00
// Note: You must restart bin/webpack-dev-server for changes to take effect
console.log('Running in production mode'); // eslint-disable-line no-console
2020-03-27 20:59:38 +00:00
const { join } = require('path');
2020-10-07 21:33:56 +00:00
const { merge } = require('webpack-merge');
2020-03-27 20:59:38 +00:00
const { BundleAnalyzerPlugin } = require('webpack-bundle-analyzer');
2021-09-05 21:42:48 +00:00
const OfflinePlugin = require('@lcdp/offline-plugin');
2020-03-27 20:59:38 +00:00
const sharedConfig = require('./shared');
const { FE_SUBDIRECTORY } = require(join(__dirname, '..', 'app', 'soapbox', 'build_config'));
const joinPublicPath = (...paths) => join(FE_SUBDIRECTORY, ...paths);
2021-09-05 21:42:48 +00:00
module.exports = merge(sharedConfig, {
2020-03-27 20:59:38 +00:00
mode: 'production',
devtool: 'source-map',
2021-09-04 21:05:20 +00:00
stats: 'errors-warnings',
2020-03-27 20:59:38 +00:00
bail: true,
optimization: {
minimize: true,
},
plugins: [
2021-09-05 21:42:48 +00:00
// Generates report.html
new BundleAnalyzerPlugin({
2020-03-27 20:59:38 +00:00
analyzerMode: 'static',
openAnalyzer: false,
2021-09-05 21:42:48 +00:00
logLevel: 'silent',
2020-03-27 20:59:38 +00:00
}),
new OfflinePlugin({
caches: {
main: [':rest:'],
2021-09-11 01:11:36 +00:00
additional: [
':externals:',
'packs/images/32-*.png', // used in emoji-mart
2021-09-27 01:00:16 +00:00
'packs/icons/*.svg',
2021-09-11 01:11:36 +00:00
],
2020-03-27 20:59:38 +00:00
optional: [
'**/locale_*.js', // don't fetch every locale; the user only needs one
'**/*_polyfills-*.js', // the user may not need polyfills
'**/*.chunk.js', // only cache chunks when needed
'**/*.chunk.css',
2020-03-27 20:59:38 +00:00
'**/*.woff2', // the user may have system-fonts enabled
// images can be cached on-demand
2020-03-27 20:59:38 +00:00
'**/*.png',
'**/*.svg',
],
},
externals: [
joinPublicPath('packs/emoji/1f602.svg'), // used for emoji picker dropdown
// Default emoji reacts
joinPublicPath('packs/emoji/1f44d.svg'), // Thumbs up
joinPublicPath('packs/emoji/2764.svg'), // Heart
joinPublicPath('packs/emoji/1f606.svg'), // Laughing
joinPublicPath('packs/emoji/1f62e.svg'), // Surprised
joinPublicPath('packs/emoji/1f622.svg'), // Crying
joinPublicPath('packs/emoji/1f629.svg'), // Weary
joinPublicPath('packs/emoji/1f621.svg'), // Angry (Spinster)
],
2020-03-27 20:59:38 +00:00
excludes: [
'**/*.gz',
'**/*.map',
2021-09-11 01:11:36 +00:00
'**/*.LICENSE.txt',
2020-03-27 20:59:38 +00:00
'stats.json',
'report.html',
'instance/**/*',
2020-03-27 20:59:38 +00:00
// any browser that supports ServiceWorker will support woff2
'**/*.eot',
'**/*.ttf',
'**/*-webfont-*.svg',
'**/*.woff',
// Sounds return a 206 causing sw.js to crash
// https://stackoverflow.com/a/66335638
'**/*.ogg',
'**/*.oga',
'**/*.mp3',
2021-09-11 01:11:36 +00:00
'404.html',
'assets-manifest.json',
// It would be nice to serve these, but they bloat up sw.js
'packs/images/crypto/**/*',
'packs/emoji/**/*',
2020-03-27 20:59:38 +00:00
],
ServiceWorker: {
cacheName: 'soapbox',
entry: join(__dirname, '../app/soapbox/service_worker/entry.js'),
minify: true,
},
cacheMaps: [{
match: requestUrl => {
const backendRoutes = [
'/api',
'/pleroma',
'/nodeinfo',
'/socket',
'/oauth',
'/auth/password',
'/.well-known/webfinger',
'/static',
'/instance',
'/main/ostatus',
'/ostatus_subscribe',
'/pghero',
'/sidekiq',
];
const isBackendRoute = ({ pathname }) => {
if (pathname) {
return backendRoutes.some(pathname.startsWith);
} else {
return false;
}
};
return isBackendRoute(requestUrl) && requestUrl;
},
requestTypes: ['navigate'],
}],
safeToUseOptionalCaches: true,
appShell: join(FE_SUBDIRECTORY, '/'),
2020-03-27 20:59:38 +00:00
}),
],
2021-09-05 21:42:48 +00:00
});