Just a small custom webpack plugin we use, before I found manifest-revision-webpack-plugin and chunk-manifest-webpack-plugin
It's pretty custom to our usage, it contains relative paths that'll probably need updating - use this just as inpsiration I guess?
| import fs from 'fs'; | |
| import path from 'path'; | |
| import mkdirp from 'mkdirp'; | |
| import noop from 'lodash/noop'; | |
| import groupBy from 'lodash/groupBy'; | |
| import reduce from 'lodash/reduce'; | |
| const BACK_TO_ROOT = path.resolve(__dirname, '../../../'); | |
| const getAssetsByChunk = (webpackData, publicPath) => { | |
| const chunkRenamer = (chunkName) => `${publicPath}${chunkName}`; | |
| const assetGrouper = (asset) => path.extname(asset).slice(1); | |
| return reduce(webpackData.assetsByChunkName, (acc, chunk, chunkName) => { | |
| const assets = (Array.isArray(chunk) ? chunk : [chunk]).map(chunkRenamer); | |
| return { | |
| ...acc, | |
| [chunkName]: groupBy(assets, assetGrouper), | |
| }; | |
| }, {}); | |
| }; | |
| export default class WriteManifestPlugin { | |
| constructor(config, callback) { | |
| this.callback = callback; | |
| this.config = config; | |
| } | |
| apply(compiler) { | |
| this.compiler = compiler; | |
| this.callback = compiler.options.writeStatsPluginCallback || noop; | |
| compiler.plugin('done', this.onDone.bind(this)); | |
| } | |
| writeFilesManifest(webpackData) { | |
| const publicPath = this.compiler.options.output.publicPath; | |
| const content = { | |
| publicPath, | |
| ...getAssetsByChunk(webpackData, publicPath), | |
| }; | |
| const filepath = path.join(BACK_TO_ROOT, 'dist/webpack-manifest.json'); | |
| const folder = filepath.split('/').slice(0, -1).join('/'); | |
| mkdirp.sync(folder); | |
| fs.writeFileSync(filepath, JSON.stringify(content, null, 2)); | |
| } | |
| writeWebpackCache(webpackData) { | |
| const filepath = path.join(BACK_TO_ROOT, `dist/webpack-dump-${this.config.type}.json`); | |
| const folder = filepath.split('/').slice(0, -1).join('/'); | |
| mkdirp.sync(folder); | |
| fs.writeFileSync(filepath, JSON.stringify(webpackData, null, 2)); | |
| } | |
| onDone(rawWebpackStats) { | |
| const webpackData = rawWebpackStats.toJson(); | |
| this.writeWebpackCache(webpackData); | |
| if (this.config.type === 'client') { | |
| this.writeFilesManifest(webpackData); | |
| } | |
| this.callback(); | |
| } | |
| } |