javascript - webpack的热加载HotModuleReplacement问题
迷茫
迷茫 2017-04-11 12:50:57
[JavaScript讨论组]

最近用webpack发现一个warn如下:

经过一番折腾,发现问题出在HotModuleReplacement(模块热替换)这里。开始以为HMR就是改动了js,会自动编译刷新页面,能够方便开发。结果发现,这是inline参数的作用,并不是HMR。不信你可以把hot插件关掉试试,还是可以实时编译刷新的:

var path = require('path');
// var webpack = require('webpack');

module.exports = {
    entry: './app/entry.js',
    output: {
        path: path.resolve(__dirname, "./dist"),
        filename: 'bundle.js',
        publicPath: "/dist/"
    },
    devServer: {
        // hot: true
    },
    plugins: [
        // new webpack.HotModuleReplacementPlugin()
    ]
}

bash:

    $ webpack-dev-server --inline

第一个问题:知道了inline和HMR的区别,那么问题来了,HMR是啥?

目前看了下官方文档,我的理解是:假如一个项目很庞大,打包编译需要很长时间(假设要1min),那么通过HMR,就可以只替换必要的模块(修改过的模块),从而大大减少开发中等待编译的时间?--不知道这样理解对不对?


第二个问题:那么HMR应该如何配置?

这里,官方有文档,但是看了还是很懵逼
https://doc.webpack-china.org...

Excuse me,what is this shit?

还有一个资料也提到了

if(module.hot){
    module.hot.accept()
}

https://github.com/webpack/we...

请大神协助!

迷茫
迷茫

业精于勤,荒于嬉;行成于思,毁于随。

全部回复(0)
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号