Я реализовал HMR с помощью webpack, и он работает нормально. Когда я что-то меняю в консоли, я вижу, что она обновлена, но поскольку я использую ее для пакета сервера, мне было интересно отправить сигнал в браузер для перезагрузки после завершения HMR или, что еще лучше, как выполнить горячую замену без обновления браузер?
Он нормально работает на стороне клиента, где я использую webpack-dev-server, но на стороне сервера, где я использую webpack / hot / poll, мне нужно вручную обновлять после каждого изменения, чтобы увидеть его в браузере?
webpack.config.server.js
module.exports = {
...
watch: true,
target: 'node',
node: {
__dirname: true,
__filename: true
},
entry: {
bundle: [
'webpack/hot/poll?1000',
'./src/server/devServer'
]
},
output: {
path: path.join(__dirname, 'src', 'build'),
filename: '[name].js'
},
resolve: {
extensions: ['.js', '.jsx'],
alias: {
CountdownForm: path.resolve(__dirname, 'src/client/scenes/countdown/components/CountdownForm.jsx'),
...
}
},
externals: [nodeExternals({
whitelist: ['webpack/hot/poll?1000']
})],
...
plugins: [
new StartServerPlugin('bundle.js'),
new webpack.NamedModulesPlugin(),
new webpack.HotModuleReplacementPlugin(),
new webpack.NoEmitOnErrorsPlugin(),
new HtmlWebpackPlugin({
title: 'React Timer',
template: 'ejs-loader!./src/server/views/index.ejs'
}),
new webpack.DefinePlugin({
'process.env': {
NODE_ENV: JSON.stringify('development')
}
})
]
}
devServer
const server = http.createServer(app)
let currentApp = app
server.listen(PORT, () => {
console.log(`
Express server is up on port ${PORT}
Development environment - Webpack HMR active
`)
})
if (module.hot) {
module.hot.accept('./index', () => {
server.removeListener('request', currentApp)
currentApp = app
server.on('request', app)
})
}