javascript – webpackDevMiddleware不自动重新加载
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript – webpackDevMiddleware不自动重新加载,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1292字,纯文字阅读大概需要2分钟。
内容图文
![javascript – webpackDevMiddleware不自动重新加载](/upload/InfoBanner/zyjiaocheng/757/eaef3ea390c84bf2a4bb289b656db93a.jpg)
所以我使用webpack dev中间件如下:
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)
但是,出于某种原因,我没有得到实时重装.我也没有获得叠加功能.我正在使用此设置,因为我使用的是webpackhtmlplugin.
我觉得我在这里错过了一个简单的概念:(任何想法?
解决方法:
对于实时重新加载,您还需要添加webpack-hot-middleware.
在您的服务器中,您必须添加:
const webpackHotMiddleware = require('webpack-hot-middleware');
const hotMiddleware = webpackHotMiddleware(compiledWebpack);
app.use(hotMiddleware);
您还需要将“webpack-hot-middleware / client”添加到您的条目中,并将webpack.HotModuleReplacementPlugin添加到您的webpack配置中的插件中:
entry: [
'webpack-hot-middleware/client',
'./src/index.js' // Your entry point
],
plugins: [
new webpack.HotModuleReplacementPlugin()
]
有关更多信息,请参阅Installation & Usage.
内容总结
以上是互联网集市为您收集整理的javascript – webpackDevMiddleware不自动重新加载全部内容,希望文章能够帮你解决javascript – webpackDevMiddleware不自动重新加载所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。