una - refrescar pagina javascript cada cierto tiempo

webpackDevMiddleware no recarga automática

Question

Así que estoy usando el middleware dev de webpack de la siguiente manera:

const compiledWebpack = webpack(config),
app = express(),
devMiddleware = webpackDevMiddleware(compiledWebpack, {
historyApiFallback: true,
publicPath: config.output.publicPath,
overlay: {
warnings: true,
errors: true
},
compress: true,
stats: { colors: true }
})
app.use(devMiddleware)
app.get(''*'', (req, res) => {
// Here is it! Get the index.html from the fileSystem
const htmlBuffer = devMiddleware.fileSystem.readFileSync(`${config.output.path}/index.html`)
res.send(htmlBuffer.toString())
})
app.listen(PORT, function () {})
console.log(''Running on port '' + PORT)

Sin embargo, por alguna razón no estoy recibiendo recarga en vivo. No estoy obteniendo la funcionalidad de superposición tampoco. Estoy usando esta configuración porque estoy usando el webpackhtmlplugin.

Siento que me falta un concepto simple aquí :( alguna idea?

Answer 1

Para la recarga en vivo también necesita agregar el middleware caliente de webpack .

En tu servidor debes agregar:

const webpackHotMiddleware = require(''webpack-hot-middleware'');
const hotMiddleware = webpackHotMiddleware(compiledWebpack);
app.use(hotMiddleware);

Y también necesita agregar ''webpack-hot-middleware/client'' a su entrada y al webpack.HotModuleReplacementPlugin a sus complementos en la configuración de su paquete web:

entry: [
''webpack-hot-middleware/client'',
''./src/index.js'' // Your entry point
],
plugins: [
new webpack.HotModuleReplacementPlugin()
]

Para obtener más información, consulte Instalación y uso .