本文更加深入的介绍了rollup打包中的问题，已经是第二次来写或者涉及到rollup打包的问题了，当然有了更深的认知。前端工程上的问题对于一些前端小白来说确实相对复杂些需要多实践。

最近，国外网友 t3dotgg 建议 React 官方把文档中关于建议使用 Create React App 来创建新项目更换为建议使用 Vite 来创建新项目。多数网友对此表示赞同： React 新

Webpack5 核心打包流程概览。webpack 在前端工程领域起到了中流砥柱的作用，理解它的内部实现机制会对你的工程建设提供很大的帮助（不论是定制功能还是优化打包）。

本项目是淘系用户增长团队的一个大中台系统，单页应用，涵盖很多业务功能，运用了很多懒加载页面组件来提升性能，首屏时间 1s 左右，体验良好。然而大项目文件很多，导致构建和发布时间很长，内存占用较大。我的任务是尽可能优化与此相关的问题。 首先不难发现问题并不在用户体验上，而在于开发…

最近给团队系统性地培训了 Webpack，本文简单地对工作中常见知识点进行了总结，以便大家随时翻阅巩固。

1、Tree Shaking 作用： 如果我们的项目中引入了 lodash 包，但是我只有了其中的一个方法。其他没有用到的方法是不是冗余的？此时 tree-shaking 就可以把没有用的那些东西剔除

这篇文章，主要是分析一下，vite 是如何解析它的配置的，我们定义的 vite.config.ts 配置文件，最终会被转换成什么样子，被 vite 的整个执行过程中使用。

背景 作为一位前端同学肯定对vscode不陌生，相信每位同学电脑上也都有五花八门的个性化配置，那么我们是借助什么东西做到的呢？那就是它丰富的插件生态。本次将讲述插件基本原理并从一个简单的case了解如

1. 学会 ni 使用和理解其原理 2. 学会调试学习源码 3. 可以在日常工作中也使用 ni 4. 等等