webpack热更新

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了webpack热更新相关的知识,希望对你有一定的参考价值。

文件地址:https://pan.baidu.com/s/1kUOwFkV

从昨天下午到今天上午搞了大半天终于把热更新搞好了,之前热更新有两个问题,第一个是不能保存表单状态。第二个是更新太慢,这次主要是针对这两个进行了优化.

主要更改如下

1:在开发配置文件里面的webpack插件里面加入一个插件:HotModuleReplacementPlugin

2:开发配置文件里面的之前自己写的那个动态引入js的插件现在不用了

3:加了系统判断,这样就不用每次切换系统都要修改配置文件了

4:dev-server改动了很多,基本上重构了

下载下来项目后,cd到目录后,先使用npm install下载包,使用npm run dev调试项目,npm run build打包项目。

以上是关于webpack热更新的主要内容,如果未能解决你的问题,请参考以下文章

webpack+express实现“热更新”和“热加载”

webpack4--热更新

Webpack热更新原理

webpack热更新

Webpack如何实现热更新?

webpack 热更新