imagine_tion的博客

webpack动态引入 通过ES6的import（）方法实现，该方法返回一个promise对象

webpack-dev-server的作用 webpack-dev-server是webpack官方提供的一个小型Express服务器。使用它可以为webpack打包生成的资源文件提供web服务 主要提供两个功能： 为静态文件提供服务 自动刷新和热替换 通过配置proxy实现请求转发，即当接口域名发生改变时，我们不用一个一个修改接口，只要修改配置项的域名就可以了 通过配置historyFallback为true，解决请求不到页面问题，如果访问除根路径以外的地址，最终都会转向去请求根路径。

什么是模块热更新 webpack的一个功能，可以使代码修改后不用刷新页面就自动更新，提升开发效率 通过配置devServer的hot为true和hotModuleReplacement插件完成 原理： 1.启动dev-server，webpack开始构建，在编译期间会向 entry 文件注入热更新代码； 2.Client 首次打开后，Server 和 Client 基于Socket建立通讯渠道； 3.修改文件，Server 端监听文件发送变动，webpack开始编译，直到编译完成会触发"Done"事件； 4