web可以实现 热加载 hot-loader 或者是模块热更替 HMR 主要归功于HTML5中提出的俩种新的通信方式...

前一段时间我把webpack源码大概读了一遍，webpack 到4.x版本后，其源码已经比较庞大，对各种开发场景进行了高度抽象，阅读成本也愈发昂贵。 过度分析源码对于大家并没有太大的帮助。本文主要是想通过分析webpack的构建流程以及实现一个简单的webpack来让大家对we…

8 . 配置tsconfig 9 . 项目启动

2016年8月份，我开始了人生第一份前端工作。直到今天，快满三年，愈发有些东西不吐不快。三年的前端变化很快，感觉应该重新认清将来的方向，整理整理三年工作所得，为下一个三年谋定而后动。在点我达三年的前端生涯，同时也是点我达前端架构演变的三年，自己亲身经历了这些变化，可以说是非常幸…

.option() 方法用来定义带选项的 commander，同时也作为这些选项的文档。下面的例子会解析来自 process.argv 指定的参数和选项，没有匹配任何选项的参数将会放到 program.args 数组中。 短标志可以作为单独的参数传递。像 -abc 等于 -a …

每个页面需要加载的资源太大，导致网页首屏加载缓慢，影响用户体验。 如果能把公共代码抽离成单独文件进行加载能进行优化，可以减少网络传输流量，降低服务器成本 在满足下述所有条件时，那些从相同代码块和缓存组来的模块，会形成一个新的代码块（译注：比如，在满足条件下，一个vendoer可…

webpack默认只能识别JavaScript文件，不能解析.vue文件（vue单文件组件 是Vue独有的），于是作者提供了vue-loader。 提供了一个解析器，它能够将 CSS 解析成抽象语法树（AST）。 开发环境下一般不开启css提取，要不然每次代码改动重新编译…

本文以剖析webpack-dev-server源码，从零开始实现一个webpack热更新HMR，深入了解webpack-dev-server、webpack-dev-middleware、webpack-hot-middleware的实现机制，彻底搞懂他们的原理，在面试过程中这…

关于 React 应用加载的优化，其实网上类似的文章已经有太多太多了，随便一搜就是一堆，已经成为了一个老生常谈的问题。 但随着 React 16 和 Webpack 4.0 的发布，很多过去的优化手段其实都或多或少有些“过时”了，而正好最近一段时间，公司的新项目迁移到了 Rea…