webpack作为最使用最广泛的前端打包工具，已经成为前端工程化基础设施的一部分。而Webpack上一个大版本更新已经是18年的时候了，两年时间过去了让我们看看Webpack5都带来了哪些新特性，对我们的应用又有哪些帮助。 不得不说，这个官方声明稍微简略了一点，只提到了持久化缓…

众所周知，CSS 根据选择器名称去全局匹配元素，它没有作用域可言，比如你在页面的两个不同的地方使用了一个相同的类名，先定义的样式就会被覆盖掉。CSS 一直缺乏模块化的概念，命名冲突的问题会持续困扰着你。每次定义选择器名称时，总会顾及其他文件中是否也使用了相同的命名，这种影响在组…

解析 webpack 核心流程与插件架构，理解： - Webpack 从启动到输出 bundle，内部逻辑流转过程 - 编写 webpack 插件前，你需要弄清楚哪些问题

参考链接：https://www.cnblogs.com/skychx/p/webpack-module-chunk-bundle.html 全集链接 ➡️ webpack 易混淆知识点   webp

webpack 原理图 vite 原理图 区别： 1.vite是直接启动开发服务器，请求哪个模块再对该模块进行实时编译。而webpack会先打包，然后启动开发服务器，请求服务器时直接给予打包结果。 2

上一篇文章中给大家介绍了开发npm包的过程，这篇文章来分享一下我在开发npm包中遇到的问题。第一个问题就是#!/usr/bin/env node到底是什么？（如果我的理解有错误，欢迎各位大神指点） 在开发npm包的时候，再将包link到你的项目之后，运行包发现报错了。 去Goo…

react hooks 中通过provider的方式 使用 websocket, 来实现实时通信，从而弹出新订单提示

我们都知道浏览器是可以打开很多标签页的，如果每个标签页代表的是单独的一个网站，那么这些标签页之间肯定是不能通信的，如果能通信那估计我们都得凉凉。

什么是模块热更新？ 下面我们运行一个例子来更直观的感受什么是模块热更新。 视频中，我修改了字体颜色，页面会立即更新，但输入框中的内容依然保留着。HMR就是帮助我们实现了这样一个效果，不然我们在每次修改