export default class PagesPlugin { apply (compiler) { const isBundledPage = /^bundles[/\\]pages.*\.js$/ const matchRouteName = /^bundles[/\\]pages[/\\](.*)\.js$/ compiler.plugin('after-compile', (compilation, callback) => { const pages = Object .keys(compilation.namedChunks) .map(key => compilation.namedChunks[key]) .filter(chunk => isBundledPage.test(chunk.name)) pages.forEach((chunk) => { const page = compilation.assets[chunk.name] const pageName = matchRouteName.exec(chunk.name)[1] const routeName = `/${pageName.replace(/[/\\]?index$/, '')}` const content = page.source() const newContent = ` window.__NEXT_REGISTER_PAGE('${routeName}', function() { var comp = ${content} return { page: comp.default } }) ` // Replace the exisiting chunk with the new content compilation.assets[chunk.name] = { source: () => newContent, size: () => newContent.length } }) callback() }) } }