terribleplan/next.js
1
0
Fork 0
mirror of https://github.com/terribleplan/next.js.git synced 2024-01-19 02:48:18 +00:00
Code Issues Releases Wiki Activity

hot-reload failed and succeeded chunks (#167)

Browse source
This commit is contained in:
Naoyuki Kanezawa 2016-10-31 19:51:03 +09:00 committed by GitHub
parent 47d0571341
commit f335c21c7c
1 changed files with 26 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

43
server/hot-reloader.js
View file

@ -7,10 +7,12 @@ export default class HotReloader {
constructor (dir) { constructor (dir) {
this.dir = dir this.dir = dir
this.server = null this.server = null
this.initialized = false
this.stats = null this.stats = null
this.compilationErrors = null this.compilationErrors = null
this.prevAssets = null this.prevAssets = null
this.prevChunkHashes = null this.prevChunkNames = null
this.prevFailedChunkNames = null
} }
async start () { async start () {
@ -41,36 +43,39 @@ export default class HotReloader {
}) })
compiler.plugin('done', (stats) => { compiler.plugin('done', (stats) => {
this.stats = stats const { compilation } = stats
this.compilationErrors = null const chunkNames = new Set(compilation.chunks.map((c) => c.name))
const failedChunkNames = new Set(compilation.errors
const chunkHashes = {}
stats.compilation.chunks.map((c) => {
chunkHashes[c.name] = c.hash
})
if (this.prevChunkHashes) {
const names = new Set(Object.keys(chunkHashes))
const prevNames = new Set(Object.keys(this.prevChunkHashes))
const added = diff(names, prevNames)
const removed = diff(prevNames, names)
const failed = new Set(stats.compilation.errors
.map((e) => e.module.reasons) .map((e) => e.module.reasons)
.reduce((a, b) => a.concat(b), []) .reduce((a, b) => a.concat(b), [])
.map((r) => r.module.chunks) .map((r) => r.module.chunks)
.reduce((a, b) => a.concat(b), []) .reduce((a, b) => a.concat(b), [])
.map((c) => c.name) .map((c) => c.name))
.filter((n) => chunkHashes[n] !== this.prevChunkHashes[n]))
if (this.initialized) {
// detect chunks which have to be replaced with a new template
// e.g, pages/index.js <-> pages/_error.js
const added = diff(chunkNames, this.prevChunkNames)
const removed = diff(this.prevChunkNames, chunkNames)
const succeeded = diff(this.prevFailedChunkNames, failedChunkNames)
// reload all failed chunks to replace the templace to the error ones,
// and to update error content
const failed = failedChunkNames
const rootDir = join('bundles', 'pages') const rootDir = join('bundles', 'pages')
for (const n of new Set([...added, ...removed, ...failed])) { for (const n of new Set([...added, ...removed, ...failed, ...succeeded])) {
const route = toRoute(relative(rootDir, n)) const route = toRoute(relative(rootDir, n))
this.send('reload', route) this.send('reload', route)
} }
} }
this.prevChunkHashes = chunkHashes this.initialized = true
this.stats = stats
this.compilationErrors = null
this.prevChunkNames = chunkNames
this.prevFailedChunkNames = failedChunkNames
}) })
this.server = new WebpackDevServer(compiler, { this.server = new WebpackDevServer(compiler, {