素材牛VIP会员
webpack-dev-server 不能及时更新的问题
 Ho***95  分类:Node.js  人气:1335  回帖:3  发布于6年前 收藏

昨天刚升级webpack2,相应的plugins也做了升级。各方面都没问题,
就是在用到webpack-dev-server热更新的时候 死活不能liveload。


运行 npm start 页面一切正常

当我修改main.js的时候 比如把111改成222,webpack还是会重新编译,但是页面没变,如图:


有没有遇到同样问题的同学,指点下啊

讨论这个帖子(3)垃圾回帖将一律封号处理……

Lv3 码奴
ch***az 职业无 6年前#1

有没有尝试在 npm start 脚本里面加入 --hot

{
    "scripts": {
        "start": "webpack-dev-server --hot"
    }
}
Lv6 码匠
85***32 交互设计师 6年前#2

奇怪的是,修改scss可以及时刷新。。。。。。
已修改:还需要加点配置

watchContentBase: true,
watchOptions: {
    poll: true
},
Lv6 码匠
谎***y 技术总监 6年前#3

参考这个示例,https://github.com/webpack/webpack-dev-server/tree/master/examples/hmr

确保入口文件中添加了关于热模块加载的相关代码:

if(module.hot) {
    module.hot.accept(function(err) {
        if(err) {
            console.error("Cannot apply hot update", err);
        }
    });
}
 文明上网,理性发言!   😉 阿里云幸运券,戳我领取