Zengtudor/Nuxt
1
0
Fork 0
mirror of https://github.com/nuxt/nuxt.git synced 2025-02-17 06:01:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(webpack): support build.hotMiddleware.client (#4796)

Browse Source
This commit is contained in:
Xingkai Wang 2019-01-22 00:55:49 +13:00 committed by Pooya Parsa
parent fa78f5396e
commit dcdbaba710
2 changed files with 18 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
packages/webpack/src/builder.js
View File

@ -182,6 +182,7 @@ export class WebpackBundler {
const { name } = compiler.options
const { nuxt: { server }, options } = this.context
const { client, ...hotMiddlewareOptions } = options.build.hotMiddleware || {}
// Create webpack dev middleware
this.devMiddleware[name] = pify(
@ -209,7 +210,7 @@ export class WebpackBundler {
log: false,
heartbeat: 10000
},
options.build.hotMiddleware,
hotMiddlewareOptions,
{
path: `/__webpack_hmr/${name}`
}

19
packages/webpack/src/config/client.js
View File

@ -1,5 +1,6 @@
import path from 'path'
import fs from 'fs'
import querystring from 'querystring'
import consola from 'consola'
import webpack from 'webpack'
import HTMLPlugin from 'html-webpack-plugin'
@ -159,6 +160,20 @@ export default class WebpackClientConfig extends WebpackBaseConfig {
config() {
const config = super.config()
const { client = {} } = this.options.build.hotMiddleware || {}
const { ansiColors, overlayStyles, ...options } = client
const hotMiddlewareClientOptions = {
reload: true,
timeout: 30000,
ansiColors: JSON.stringify(ansiColors),
overlayStyles: JSON.stringify(overlayStyles),
...options,
name: this.name
}
const clientPath = `${this.options.router.base}/__webpack_hmr/${this.name}`
const hotMiddlewareClientOptionsStr =
`${querystring.stringify(hotMiddlewareClientOptions)}&path=${clientPath}`.replace(/\/\//g, '/')
// Entry points
config.entry = {
app: [path.resolve(this.options.buildDir, 'client.js')]
@ -170,9 +185,7 @@ export default class WebpackClientConfig extends WebpackBaseConfig {
// https://github.com/webpack-contrib/webpack-hot-middleware/issues/53#issuecomment-162823945
'eventsource-polyfill',
// https://github.com/glenjamin/webpack-hot-middleware#config
`webpack-hot-middleware/client?name=${this.name}&reload=true&timeout=30000&path=${
this.options.router.base
}/__webpack_hmr/${this.name}`.replace(/\/\//g, '/')
`webpack-hot-middleware/client?${hotMiddlewareClientOptionsStr}`
)
}