请问,热更新那块怎么实现啊

来源:3-8 webpack-dev-server

走匿

2019-09-08

代码如下:
判断环境后开启服务器

if(isDev){
	config.entry.common.push('webpack-dev-server/client?http://0.0.0.0:8088/'),
	config.devServer = {
		inline:true,
		port: '8088',
		host: '0.0.0.0',
	}

package.json文件里:

"scripts": {
    "build": "cross-env NODE_ENV=production webpack --config webpack.config.js",
    "dev": "cross-env NODE_ENV=development webpack-dev-server --config webpack.config.js"
  },

跟老师的代码虽然不是完全一样,但是打包和开启服务都没有问题。
页面也能打开 http://0.0.0.0:8088/dist/view/
就是我更改src下的文件每次都要保存手动刷新页面,页面才会更新,麻烦老师指点一下,谢谢

写回答

3回答

Rosen

2019-09-08

代码发我看看吧。

0
0

走匿

提问者

2019-09-08

解决了,原因是我加了热更新

config.devServer = {

hot: true 

}

把它去掉就好了

附上参考连接: 

webpack-dev-server原理分析与HMR实现:

http://www.voidcn.com/article/p-sfoxvjwp-bbs.html

0
0

走匿

提问者

2019-09-08

我的console里 :

common.bundle.js有提示:

[WDS] App hot update...

[HMR] Checking for updates on the server...

[HMR] Nothing hot updated.

[HMR] App is up to date.


改了东西为什么还Nothing hot updated呢?

0
0

真实数据对接 从0开发前后端分离的企业级上线项目

【毕设项目精品】前端实战,对接真实服务端数据,开发完整项目

4268 学习 · 4120 问题

查看课程