很难过 Create React App 被时代淘汰，现在我们用 Vite 开发 React + Ant Design 吧。很难过 CSS 被时代淘汰，现在我们用 Tailwind CSS 吧。

代码分割用来解决什么问题？Vite 的默认代码分割策略怎么样的？vite-plugin-chunk-split 插件提供了怎么样的拆包策略，以及实现方式？一起来看看吧！

✨满满的干货，不容错过哦. 写文不易，点赞是最大的鼓励。 文章下篇已经更新：深入浅出 Babel 下篇：既生 Plugin 何生 Macros 有点冷清，赞起来。 上图是 Babel 的处理流程, 如果读者学习过编译器原理，这个过程就相当亲切了. 1️⃣词法解析(Lexical…

方法虽然简单粗暴，但是它是实用且简单的。然而，如果 BUG 十分复杂，涉及到跨组件甚至是源码，采用打 log 的方式就变得十分麻烦了； F12 打开调试工具之后刷新页面，断点就会停在 created 里了。 当然，这里只是做简单的示例，实际情况更加复杂的时候，右边的堆栈可以让你…

gitlab-cicd+gitlab-runner+docker+vue+django+nginx+uwsgi，一篇文章让你完成前后端自动化部署！

这里以vue项目为例，配置包括但不限于vue项目。其他项目按类似逻辑配置基本一样。 分析：通过把类似 echart、element-ui、lodash 等第三方依赖库单独提取出，从而减小打包的体积大小，关键属性 externals 配置后的依赖插件不会被打包进 chunk 。而…

先过一遍webpack对代码分割功能的实现方式：多入口分割：entry防止重复：使用Entrydependencies或者SplitChunksPlugin去重和分离chunk。动态导入：使用esmo

随着容器化技术盛行，Docker在前端领域也有着越来越广泛的应用；传统的前端部署方式需要我们将项目打包生成一系列的静态文件，然后上传到服务器，配置nginx文件；如果我们使用容器化部署，将部署操作都命