最近在做一个小项目，玩一下分包碰到了不少的问题，在此记录一下。 pnpm下每个依赖单独打包不生效问题 分包生效但是部署报错问题 解决方法都在下方例子里 题外话：最近在找前端工作，有不卡本科工作机会的可

vite 是新兴的构建工具，它相比 webpack 最大的特点就是快。 那它是如何做到这么快的呢？ 因为 vite 在开发环境并不做打包。 我们创建个 vite 项目： 安装依赖，然后把服务跑起来：

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

在vue项目开发中，我们会将经常用到的逻辑或模块抽象成组件，对于那些多个项目都有用到的组件，可以考虑封装成组件库，发布到npm。每次要到只需要npm install xx一下，就不用来回拷贝了。下面我们就从0开始来打包一个vue组件库。 组件在使用之前都需要注册组件，注册组件可…

弄清楚这几个包，Babel就差不多理解80%了。文章已经梳理好平时项目中Babel经常用到的几个包，带你一步步看懂Babel官网文档，解答官网中容易蒙圈的地方

工程化目的是为了提升团队的开发效率、提高项目的质量 例如大家所熟悉的构建工具、性能优化、组件库等知识，都属于工程化的内容

事情是这样的 我叫A。 多年母胎solo，女人只会影响我拔刀的速度，我的♥就像在大润发宰了10年🐟一样。我认为我自己的一生不会为任何事物所动心。 直到前两天公司来个很好看的前端妹子，我俩对视第一眼，我

Common这个英文单词的意思，相信大家都认识，我记得有一个词组common knowledge是常识的意思，那么CommonJS是不是也是类似于常识性的，大家都理解的意思呢？很明显不是，这个常识一点都不常识。我最初认为commonJS是一个开源的JS库，就是那种非常方便用的库…

在学习前端的过程中，一直有看到CommonJS、AMD、CMD、UMD、ESM这些字眼，可总是一知半解？也常常听人提起模块化。模块化是前端工程化的一部分，今天就来静下心，好好的学学