最近在解决 Vue3 的 JSX 不支持热更新的问题，所以较为深度地研究了 Webpack 的热更新的原理，以及应该如何实现 Vue3 的组件热更新，本文就来深度分析一下关于 Webpack 热更新的原理和实现。需要注意的是热更新不是 Webpack 的专利，其他的打包工具也是有的，并且会有一些区别。本文主要关注 Webpack。

最近发现还是有听过人看这篇文章，所以再来更新一下。首先现在webpack4已经稳定，各个插件和loader基本上直接装都可以版本匹配，比如html-webpack-plugin，如果有不匹配的看peerDependencies提醒，会提示你需要安装新的版本。还有就是extract-text-webpack-plugin作者好像不想维护了，现在可以用mini-css-extract-plugin...

童鞋，你看到这篇文章的时候很可能你只是在找一篇webpack的配置文章教学，但是听老哥说一句，别去搜什么startkit或者best practice文章，特别是中文的，如果你找到了，也记得看一下文章啥时候写的，超过半年的文章就别看了，百分之92.6里面的内容已经过期了。你想学webpack相关的姿势，最好的办法就是：看文档

do only a single taskLoaders can be chained. Create loaders for every step, instead of a loader that does everything at once. This also means they should not convert to JavaScript if not necessary. Example: Render HTML from a template file by applying the query parameters I could write a loader t...

在目前的开源市场，前端架构中最火热的项目非webpack莫属了。在使用webpack的过程中，我们会用到各式各样的loader，毫无疑问，因为loader机制的存在让webpack拥有了无限的可能性，让webpack几乎可以容纳一切前端需要的资源。同时合理得利用loader也有助于我们在架构项目的时候省去很多重复工作，今天我们就来讲讲如何创...