当前位置:首页 > Web开发 > 正文

此时在浏览器访问:8080/webpack-dev-server/index.html即可访问到当前页面

2024-03-31 Web开发

1.在wevpack打包完react文件之后,想要每窜改一次代码自动页面刷新为最新内容,(这里的刷新还是需要手动点击一下浏览器的刷新按钮),可以全局安置webpack,命令如下:npm install webpack -g,,然后开启一个webpack --watch它会帮你监听该项目下所有文件的变革

上面要领是最低级的更新要领,错误谬误:每次都到手动点击一下浏览器的刷新按钮

2.全局安置webpack-dev-server,命令npm install webpack-dev-server -g,使用webpack-dev-server  --contentbase main开启一个处事,会给出如下地点

Project is running at :8080/,此时在浏览器访谒:8080/webpack-dev-server/index.html即可访谒到当前页面,如下图所示

技术图片

注意(此时的webpack -- watch要继续执行),此时每次改削浏览器对应会做出热更新

webpack命令监测文件变革

温馨提示: 本文由Jm博客推荐,转载请保留链接: https://www.jmwww.net/file/web/32477.html