在之前，我写了一个webpack的模板。在平时我写栗子或者是写几个页面的时候会用到它。当这个模板需要多个页面时需要手动到webpack.config.ts文件中配置entry和Html，有点麻烦

现在vite已经被炒的很火,但它也只是解决了开发时候的问题。但是他依然没有解决打包时候的问题。打包的时候还是会全部打包你要编译的东西。 虽然vite很好，但是部署的时候依然痛苦。上线依然是需要等待30

本文讲述的最佳实践是从日常业务中总结而出的，不一定适合所有项目。毕竟每个公司或个人的项目不同，最佳实践也会有所不同。但是可以从这篇文章借鉴吸收一点有用的东西，有问题的地方也欢迎大家积极吐槽指正。

前言本文章用gulp搭建一个react开发的自动化工程，体会一下前端工程化带来的乐趣准备安装gulp搭建基本的环境安装基本的插件，以后会用到项目目录编译jsx文件编译html文件编译html文件的目的

最近对公司的一个 PC 站点做了一次整体的性能优化，由于这个系统业务复杂、依赖非常多，加载速度非常慢，优化后各个性能指标都有了显著提升，大约加载速度快了 5 倍左右。 我在 构建、网络、资源加载、运行时、服务端、功能组织等多个方面都进行了优化，准备做一个系列，分章节给大家分享下…

用vue的都知道vue-cli是一个强大的构建vue项目的工具。vue-cli3.0前，它所有的配置都能看到，到vue-cli3.0后所有的配置都隐藏了。最近刚好有点空闲时间，就试着开始搭建了一个自己的vue-cli。这个是第一步：基于webpack4搭建基本的vue开发环境。…

没用过... 经过一周的时间，重新对这几年使用webpack4的感悟进行整理，是时候和 webpack4 说再见了，希望以后不要再见了... webpack5 向我们招手，读了webpack5源码，得出一个结论：v5之前所有的webpack技巧和插件、loader...，全被遗…

本文目的，实现一个可以移除项目中 console.log 的 webpack 插件。借此，我们可以学习一下webpack 插件怎么写。 本来以为比较简单，但还是花了我一个上午的时间。 此时我们运行 yarn build 就会在 dist 目录打包出一个 main.js。我们使用…

在http1的时代，比较常见的一种性能优化就是合并http的请求数量，通常我们会把许多js代码合并在一起，但是如果一个js包体积特别大的话对于性能提升来说就有点矫枉过正了。而如果我们对所有的代码进行合理的拆分，将首屏和非首屏的代码进行剥离，将业务代码和基础库代码进行拆分，在需要…