本文手把手教你实现一个基于 unplugin + sharp + squoosh 构建的快速、高性能、高质量压缩图片的 Vite 插件：unplugin-imagemin

所有人都知道 Webpack 很复杂，但 Webpack 的源码却很优雅，是一个典型的可插拔架构，不仅逻辑清晰，而且灵活好扩展。近几年出来的一些构建工具，大多也都参考了 Webpack 的这种架构方式

最近在公司探索落地 Bundless 构建工具，尝试将现有的一些业务项目 从 Webpack 往 Vite 迁移，由于中后台项目一般对浏览器兼容性要求不高，可以大胆引入一些前沿且激进的方案，因此在公司

何为插件(Plugin)？专注处理 webpack 在编译过程中的某个特定的任务的功能模块，可以称为插件。

react+webpack4搭建前端项目分为三个章节。链接如下。目的是实现从零搭建一个react后台管理系统 本编文章接着前两篇文章（1、react+webpack4搭建前端项目（一） 2、react+webpack4搭建前端项目（二）react全家桶的使用）项目的基础上进行w…

本文使用 Webpack 从零开始搭建一个开发环境的脚手架配置，在此做个记录，也方便以后使用。 可以看到打印日志，打包成功了，但是此时在浏览器打开我们的 index.html 文件，却发现界面上什么都不显示，这个也好理解，因为 index.html 此时还没有引入任何的 js …

接下去我们要通过执行webpack命令，来编译我们的代码，生成vender.js。 编译完成后，刷新根目录，可以看到已经生成dist文件夹和vender.js文件。 用浏览器打开html文件，你会看到hello word。我们成功通过webpack编译了js文件，并且没有出现问…