820e3ff716
* Always fetch pages with '.js' extention from client side. * Load error page always from _error.js rather _error/index.js * Load pages from page.js instead of page/index.js from the client for static exports. * Update index.js * Simplify the path re-write logic in the webpack pages-plugin.
57 lines
1.9 KiB
JavaScript
57 lines
1.9 KiB
JavaScript
import {
|
|
IS_BUNDLED_PAGE,
|
|
MATCH_ROUTE_NAME
|
|
} from '../../utils'
|
|
|
|
export default class PagesPlugin {
|
|
apply (compiler) {
|
|
compiler.plugin('after-compile', (compilation, callback) => {
|
|
const pages = Object
|
|
.keys(compilation.namedChunks)
|
|
.map(key => compilation.namedChunks[key])
|
|
.filter(chunk => IS_BUNDLED_PAGE.test(chunk.name))
|
|
|
|
pages.forEach((chunk) => {
|
|
const page = compilation.assets[chunk.name]
|
|
const pageName = MATCH_ROUTE_NAME.exec(chunk.name)[1]
|
|
let routeName = pageName
|
|
|
|
// 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, '/')
|
|
}
|
|
|
|
routeName = `/${routeName.replace(/(^|\/)index$/, '')}`
|
|
|
|
// If there's file named pageDir/index.js
|
|
// We are going to rewrite it as pageDir.js
|
|
// With this, we can statically decide the filepath of the page
|
|
// based on the page name.
|
|
const rule = /^bundles[/\\]pages[/\\].*[/\\]index\.js$/
|
|
if (rule.test(chunk.name)) {
|
|
delete compilation.assets[chunk.name]
|
|
chunk.name = chunk.name.replace(/[/\\]index\.js$/, `.js`)
|
|
}
|
|
|
|
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()
|
|
})
|
|
}
|
|
}
|