前端工程化

前后端分离，实际开发部署时只需要通过打包工具打包后生成静态资源，部署到nginx等现有的静态服务器中，方便快捷同时与后端分离后彼此隔离，使用api进行通信。这时对静态服务器的的配置便显得至关重要。

pnpm+monorepo改造40+Vue2子项目，解决依赖重复安装（30GB）、开发体验差等问题。通过workspace、CLI工具、差量构建，实现磁盘降低90%、安装时间缩短87%。

在开发中，后端API的类型定义一直是前后端协作的痛点。传统方式下，前端开发者需要手动编写和维护API请求参数和响应数据的类型定义，不仅工作繁琐，而且容易与后端实际接口产生不一致，导致类型错误难以发现。

微前端中乾坤（qiankun）主应用接入vite+vue3子应用，样式隔离，vite插件编写解决css引入问题

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

本文讨论到了前端工程化相关的问题，前端繁荣的今天我们应该从工程化的角度考虑整个前端开发的流程，不能只是完成应用开发，更应该多思考怎么提升开发的体验和优化开发的流程。对于工程化方案后续会随着理解加深补充

Webpack插件(Plugin)开发——获取git版本信息，手把手教你实现一个webpack插件开发和发布

老的vue2项目对webpack打包以及相应依赖升级的解决过程，并不是采用常用的手动升级依赖的方式，而是采用vue-cli提供的server服务进行移植升级

前段时间公司在做公共组件的抽取，打算做一个公共的组件库，本来的想法是直接把封装好的各个公共组件直接引入到项目中就可以使用，后来发现直接引用会报错，大概意思是直接引入不能识别jsx语法之类的错误。 遂参考各个现成类库antd、elementUI等UI库的做法经过打包生成可供其他项…