mirror of
https://github.com/betagouv/mon-entreprise
synced 2025-02-08 23:25:02 +00:00
cb1bdb2b5b
On compile maintenant pour les navigateurs récents (qui supportent les modules es6. On ajoute une config de build pour les browser legacy (ie11). Cela permet : - De ne plus être dépendant de polyfill.io (qui nous a claqué dans les doigts et a peté la prod) - D'avoir un JS transpilé plus léger et plus proche du code écrit pour les navigateurs récents - De pouvoir ajuster le build en fonction du navigateur (on ajoute pas le serviceWorker dans IE par exemple. A l'inverse, on pourrait multiplier le nombre de bundle pour tirer profit de HTTP2)
116 lines
2.9 KiB
JavaScript
116 lines
2.9 KiB
JavaScript
const common = require('./webpack.common.js')
|
|
const PrerenderSPAPlugin = require('prerender-spa-plugin')
|
|
const WorkboxPlugin = require('workbox-webpack-plugin')
|
|
|
|
const Renderer = PrerenderSPAPlugin.PuppeteerRenderer
|
|
const path = require('path')
|
|
const cheerio = require('cheerio')
|
|
const MiniCssExtractPlugin = require('mini-css-extract-plugin')
|
|
const { commonLoaders, styleLoader } = require('./webpack.commonLoaders')
|
|
|
|
const prerenderConfig = () => ({
|
|
staticDir: path.resolve('dist'),
|
|
renderer: new Renderer({
|
|
renderAfterTime: 5000,
|
|
skipThirdPartyRequests: true
|
|
}),
|
|
postProcess: context => {
|
|
const $ = cheerio.load(context.html)
|
|
// force https on twitter emoji cdn
|
|
$('img[src^="http://twemoji.maxcdn.com"]').each((i, el) => {
|
|
$(el).attr('src', (_, path) => path.replace('http://', 'https://'))
|
|
})
|
|
// Remove loader
|
|
$('#outdated-browser').after(`
|
|
<style>
|
|
#js {
|
|
opacity: 1;
|
|
transform: translateY(0px);
|
|
}
|
|
#lds-ellipsis {
|
|
display: none;
|
|
}
|
|
</style>
|
|
`)
|
|
// Remove piwik script
|
|
$('script[src$="stats.data.gouv.fr/piwik.js"]').remove()
|
|
|
|
context.html = $.html()
|
|
return context
|
|
}
|
|
})
|
|
|
|
module.exports = {
|
|
...common,
|
|
module: {
|
|
rules: [...commonLoaders(), styleLoader(MiniCssExtractPlugin.loader)]
|
|
},
|
|
output: {
|
|
...common.output,
|
|
filename: ({ chunk }) => {
|
|
return chunk.name === 'dist/simulateur'
|
|
? '[name].js'
|
|
: '[name].[contenthash].bundle.js'
|
|
}
|
|
},
|
|
mode: 'production',
|
|
devtool: 'source-map',
|
|
plugins: [
|
|
...common.plugins,
|
|
new WorkboxPlugin.GenerateSW({
|
|
clientsClaim: true,
|
|
skipWaiting: true,
|
|
swDest: 'sw.js',
|
|
runtimeCaching: [
|
|
{
|
|
urlPattern: new RegExp(
|
|
'https://fonts.(?:googleapis|gstatic).com/(.*)'
|
|
),
|
|
handler: 'cacheFirst',
|
|
options: {
|
|
cacheName: 'google-fonts',
|
|
expiration: {
|
|
maxEntries: 5
|
|
},
|
|
cacheableResponse: {
|
|
statuses: [0, 200]
|
|
}
|
|
}
|
|
}
|
|
],
|
|
navigateFallback: '/fallback',
|
|
navigateFallbackWhitelist: [/^\/[^_]+$/], // fallback for anything that doesn't start with
|
|
navigateFallbackBlacklist: [
|
|
/.*\?s=.*$/,
|
|
/^\/stats/,
|
|
/^\/robots\.txt$/,
|
|
/^\/sitemap\.infrance\.fr\.txt$/,
|
|
/^\/sitemap\.infrance\.en\.txt$/
|
|
]
|
|
}),
|
|
new MiniCssExtractPlugin({
|
|
// Options similar to the same options in webpackOptions.output
|
|
// both options are optional
|
|
filename: '[name].[hash].css',
|
|
chunkFilename: '[id].[hash].css'
|
|
}),
|
|
new PrerenderSPAPlugin({
|
|
...prerenderConfig(),
|
|
outputDir: path.resolve('dist', 'prerender', 'infrance'),
|
|
routes: ['/'],
|
|
indexPath: path.resolve('dist', 'infrance.html')
|
|
}),
|
|
new PrerenderSPAPlugin({
|
|
...prerenderConfig(),
|
|
outputDir: path.resolve('dist', 'prerender', 'mon-entreprise'),
|
|
routes: ['/'],
|
|
indexPath: path.resolve('dist', 'mon-entreprise.html')
|
|
}),
|
|
new PrerenderSPAPlugin({
|
|
...prerenderConfig(),
|
|
outputDir: path.resolve('dist', 'prerender', 'embauche'),
|
|
routes: ['/'],
|
|
indexPath: path.resolve('dist', 'embauche.html')
|
|
})
|
|
]
|
|
}
|