本文适用于前端方向的同学（没错就是给自己看的😭），文章整体从 Webpack 热更新的概念、核心思想以及重点源码解析等三个方面进行阐述，希望能让大家一起对热更新有所了解。一起加油吧~🏄

webpack优化是中高级前端在项目中不可缺少的工作，本文通过丰富的代码示例，从编译提效和优化提效两个方面，系统、易懂介绍了优化手段的具体使用场景及方式等。

webpack 将我们的项目源代码进行编译打包成可分发上线的静态资源，在开发阶段我们想要预览页面效果的话就需要启动一个服务器伺服 webpack 编译出来的静态资源。webpack-dev-serve

简介 在看webpack-dev-server源码之前，我们要先弄明白webpack-dev-server是个什么，它能做哪些事情。 我们知道用webpack可以打包我们的项目文件，然后部署上线，但是

React 官方有一套脚手架工具，是初学者的最好选择，可以让初学者集中注意力在 React 本身。 本人对脚手架有点儿抵触（可能主要是对未知的恐惧），从开始学习 React 就走了自己搭建开发环境的路线，这里总结下搭建过程，希望能帮助和我一样不愿使用脚手架工具，但又急需一个练习…