热加载时页面没刷新,但是出现这种情况,什么原因。如下(修改三次后的效果):

来源:2-3 webpack-dev-server的配置和使用

慕神0028795

2018-03-16 15:44

12345

 123 

1234 

12345

写回答 关注

2回答

  • sinner7
    2018-06-22 09:03:21
    if (isDev) {// 开启source-map, 便于调试config.devtool = 'cheap-module-eval-source-map'config.devServer = {port: 8080,host: '0.0.0.0', // ip or localhost都可以访问overlay: { // 使webpack编译错误直接在网页上打出errors: true},open: true,hot: true, // 热加载, 除了配置hot:true, 还需要结合插件// historyFallback 单页应用,前端做好路由,将前端路由地址映射到index.html}config.plugins.push(new webpack.HotModuleReplacementPlugin(),new webpack.NoEmitOnErrorsPlugin(),new webpack.NamedModulesPlugin())}

    为啥热更新无效?webpack4的配置。

  • Wunworld
    2018-03-22 23:19:43

    和你遇到同样的问题,重新修改package.json文件:

    "dev": "cross-env NODE_ENV=development webpack-dev-server --mode development --config  webpack.config.js"

    cddbys...

    按照你的方法解决了,感谢

    2018-05-02 21:35:16

    共 1 条回复 >

Vue+Webpack打造todo应用

用前端最热门框架Vue+最火打包工具Webpack打造todo应用

84605 学习 · 787 问题

查看课程

相似问题