2018-04-12 07:47:42 +00:00
|
|
|
// @flow
|
|
|
|
import { RawSource } from 'webpack-sources'
|
2018-07-27 17:29:25 +00:00
|
|
|
import {BUILD_MANIFEST, ROUTE_NAME_REGEX, IS_BUNDLED_PAGE_REGEX, CLIENT_STATIC_FILES_RUNTIME_MAIN} from '../../../lib/constants'
|
2018-04-12 07:47:42 +00:00
|
|
|
|
|
|
|
// This plugin creates a build-manifest.json for all assets that are being output
|
|
|
|
// It has a mapping of "entry" filename to real filename. Because the real filename can be hashed in production
|
|
|
|
export default class BuildManifestPlugin {
|
|
|
|
apply (compiler: any) {
|
2018-07-24 09:24:40 +00:00
|
|
|
compiler.hooks.emit.tapAsync('NextJsBuildManifest', (compilation, callback) => {
|
2018-04-12 07:47:42 +00:00
|
|
|
const {chunks} = compilation
|
2018-07-30 13:48:02 +00:00
|
|
|
const assetMap = {pages: {}}
|
2018-04-12 07:47:42 +00:00
|
|
|
|
2018-07-27 17:29:25 +00:00
|
|
|
const mainJsChunk = chunks.find((c) => c.name === CLIENT_STATIC_FILES_RUNTIME_MAIN)
|
2018-07-24 09:24:40 +00:00
|
|
|
const mainJsFiles = mainJsChunk && mainJsChunk.files.length > 0 ? mainJsChunk.files.filter((file) => /\.js$/.test(file)) : []
|
|
|
|
|
|
|
|
// compilation.entrypoints is a Map object, so iterating over it 0 is the key and 1 is the value
|
|
|
|
for (const [, entrypoint] of compilation.entrypoints.entries()) {
|
|
|
|
const result = ROUTE_NAME_REGEX.exec(entrypoint.name)
|
|
|
|
if (!result) {
|
|
|
|
continue
|
|
|
|
}
|
|
|
|
|
|
|
|
const pagePath = result[1]
|
|
|
|
|
|
|
|
if (!pagePath) {
|
|
|
|
continue
|
|
|
|
}
|
|
|
|
|
|
|
|
const filesForEntry = []
|
|
|
|
|
|
|
|
for (const chunk of entrypoint.chunks) {
|
|
|
|
// If there's no name
|
|
|
|
if (!chunk.name || !chunk.files) {
|
|
|
|
continue
|
|
|
|
}
|
|
|
|
|
|
|
|
for (const file of chunk.files) {
|
2018-07-30 13:48:02 +00:00
|
|
|
if (/\.map$/.test(file) || /\.hot-update\.js$/.test(file)) {
|
2018-07-24 09:24:40 +00:00
|
|
|
continue
|
|
|
|
}
|
|
|
|
|
2018-07-30 13:48:02 +00:00
|
|
|
// Only `.js` and `.css` files are added for now. In the future we can also handle other file types.
|
|
|
|
if (!/\.js$/.test(file) && !/\.css$/.test(file)) {
|
|
|
|
continue
|
|
|
|
}
|
|
|
|
|
|
|
|
// The page bundles are manually added to _document.js as they need extra properties
|
2018-07-24 09:24:40 +00:00
|
|
|
if (IS_BUNDLED_PAGE_REGEX.exec(file)) {
|
|
|
|
continue
|
|
|
|
}
|
|
|
|
|
|
|
|
filesForEntry.push(file.replace(/\\/g, '/'))
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
assetMap.pages[`/${pagePath.replace(/\\/g, '/')}`] = [...filesForEntry, ...mainJsFiles]
|
|
|
|
}
|
|
|
|
|
|
|
|
if (typeof assetMap.pages['/index'] !== 'undefined') {
|
|
|
|
assetMap.pages['/'] = assetMap.pages['/index']
|
|
|
|
}
|
|
|
|
|
|
|
|
compilation.assets[BUILD_MANIFEST] = new RawSource(JSON.stringify(assetMap, null, 2))
|
2018-04-12 07:47:42 +00:00
|
|
|
callback()
|
|
|
|
})
|
|
|
|
}
|
|
|
|
}
|