作者：俊劫https://juejin.cn/post/6942988170208215076

之前写了一篇文章：jpg、gif、png和svg用于web上，我们该如何选择最合适的图像格式，介绍了这几种图片格式的特点，以及如何为网站选择合适的图片，然后评论区有位大佬让我补充下 WebP 格式，于是乎它来了。...

小插曲，周六发了一篇关于蚂蚁和腾讯的面试题，出于一些原因，觉得内容不妥，存在着泄题嫌疑（高压线警告⚠️），吓得我赶紧

看完本文可以系统地掌握，不同种跨域解决方案间的巧妙，以及它们的用法、原理、局限性和适用的场景

①node实现终端命令行②终端命令行交互③深copy整个文件夹④nodejs执行终端命令 如 npm install⑤建立子进程通信⑥webpack底层操作，启动webpack,合并配置项⑦编写一个plugin,理解各阶段⑧require.context实现前端自动...

1 初始化：启动构建，读取与合并配置参数，加载 Plugin，实例化 Compiler。

当我们不用cli，而是自己搭建项目架子的时候，会用到webpack构建我们的项目，在用webpack构建项目的时候，过长的打包编译时间和庞大冗余的代码会让我们感到头疼。所以优化webpack性能成为了不可或缺的一部分。下面我们一起来...

# 打包原理比较打包过程原理webpack识别入口->逐层识别依赖->分析/转换/编译/输出代码->打包后的代码逐级递归识别依赖，构建依赖图谱->转化AST语法树->处理代码->转换为浏览器可识别的代码vite-基于浏览器原生 ES modu...

Vite 的发布是不是意味着 webpack 的终结？当然不是， webpack 存在这么多年是解决了不少奇奇怪怪的问题而且也适合处理那些深度复杂的场景，这一点 Vite 肯定是还有些距离的，而且尤雨溪在前不久的直播中针对 Vite 做了解释，...

https://juejin.cn/post/6960096410305822751