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] let routeName = `/${pageName.replace(/[/\\]?index$/, '')}` // We need to convert \ into / when we are in windows // to get the proper route name // Here we need to do windows check because it's possible // to have "\" in the filename in unix. // Anyway if someone did that, he'll be having issues here. // But that's something we cannot avoid. if (/^win/.test(process.platform)) { routeName = routeName.replace(/\\/g, '/') } 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() }) } }