2017-04-18 04:18:43 +00:00
|
|
|
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]
|
2017-05-10 06:09:48 +00:00
|
|
|
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, '/')
|
|
|
|
}
|
2017-04-18 04:18:43 +00:00
|
|
|
|
|
|
|
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()
|
|
|
|
})
|
|
|
|
}
|
|
|
|
}
|