![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webpack
innagine
这个作者很懒,什么都没留下…
展开
-
webpack:webpack动态引入
webpack动态引入通过ES6的import()方法实现,该方法返回一个promise对象原创 2020-11-08 23:05:34 · 257 阅读 · 0 评论 -
webpack:webpack-dev-server的作用
webpack-dev-server的作用webpack-dev-server是webpack官方提供的一个小型Express服务器。使用它可以为webpack打包生成的资源文件提供web服务主要提供两个功能:为静态文件提供服务自动刷新和热替换通过配置proxy实现请求转发,即当接口域名发生改变时,我们不用一个一个修改接口,只要修改配置项的域名就可以了通过配置historyFallback为true,解决请求不到页面问题,如果访问除根路径以外的地址,最终都会转向去请求根路径。原创 2020-11-08 23:03:33 · 1958 阅读 · 0 评论 -
webpack:什么是模块热更新
什么是模块热更新webpack的一个功能,可以使代码修改后不用刷新页面就自动更新,提升开发效率通过配置devServer的hot为true和hotModuleReplacement插件完成原理:1.启动dev-server,webpack开始构建,在编译期间会向 entry 文件注入热更新代码;2.Client 首次打开后,Server 和 Client 基于Socket建立通讯渠道;3.修改文件,Server 端监听文件发送变动,webpack开始编译,直到编译完成会触发"Done"事件;4原创 2020-11-08 23:00:52 · 638 阅读 · 0 评论