问答详情
源自:2-3 webpack-dev-server的配置和使用

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

12345

 123 

1234 

12345

提问者:慕神0028795 2018-03-16 15:44

个回答

  • 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"