工程化

背景 相信很多小伙伴与我一样，可能会碰到这样的问题，公司有统一使用一个通用的工具库或者框架，并且已经迭代了多个大版本，但是大版本之间有破坏性更新，现在为了降低维护成本与使用难度，决定只维护最新的一个大

前言 随着前端的不断发展，很多新特性出现的同时，越来越多的构建工具也如雨后春笋般冒了出来，那么不论是在日常的工作中，还是在平常自己的开源项目中，构建npm包的时候，大家首先想到的就是rollup来构建

1. 前言 前段时间在web端项目构建的时候使用swc与esbuild来优化构建速度取得了不错的效果，在多个web项目运行一段时间了，目前没有发现什么问题，具体文章可以查看swc与esbuild-将你

背景 公司最开始的前端项目(指的是csr客户端渲染项目)都是部署在ECS机器上，如下图所示 后面开始做微服务架构，为了方便统一管理与部署，前端项目就改成了容器化来进行部署，如下图所示 Pod内会起一个

1. 前言 如果公司项目使用容器化部署，那么或多或少了解过nodejs镜像，因为前端项目或者基于nodejs的BFF项目在构建或者部署的过程中都会依赖nodejs镜像 有同学会有疑问，nodejs镜像

背景 公司很多业务组需要沉淀自己的react组件库，于是准备构建一套通用的react组件库模版，然后通过脚手架的形式提供给业务组的同学使用。在打造组件库的时候，怎么组织css让我犯难了，即我该怎么输出

1. 引言 webpack是前端开发中重要的打包工具。对初中级工程师来说可能难以入门，无从下手，不能顺利的配置属于自己项目webpack配置。没关系，本文将结合webpack的构建流程，梳理常用配置，

前言 上一篇是日常开发，我该掌握哪些webpack loader知识，这一篇主要从源码层面分析，webpack内部是怎么控制loader执行，让我们不仅知道怎么用，还能知道为什么这么用，最后还会分析常

前言 大家在使用webpack的时候，是不是经常接触webpack loader，每次copy一下loader配置或者从一些脚手架生成了自带的完整的webpack配置，导致很多时候我们就停留在了解或者

前言 面试官: 了解webpack插件吗？ 面试官: 那你说说你了解的webpack插件 面试官: 写过webpack插件吗？ 面试官：em... 是不是很熟悉的场景，因为有时候我们确实没机会去对项目

前言 面试官: webpack生产环境构建时为什么要将css文件提取成单独的文件？ 面试官：还有吗？ 面试官：那你有了解过css是怎么提取成单独文件的吗？ 看完本篇之后，希望小伙伴面试的时候碰到这个问

你想让你的webpack项目构建更快吗？你想知道webpack详细的构建流程吗？看完本篇之后，你或许会有一定的收获。

最近一直在尝试对项目构建性能进一步优化， 除了webpack常用的一些优化方式，比如缓存优化、多进程优化等，也尝试在项目内使用swc及esbuild，以进一步提高构建速度

发布npm包也许是我们日常工作中的一部分，但是通过包管理工具发布一个npm其背后到底有什么故事，本文的主要目的是通过阅读yarn publish的源码来了解包管理工作是怎么来发布npm包

本篇的主要目的是站在前端的角度来看下docker buildkit怎么使用，及在实际使用的过程中可能会碰到什么问题，并通过什么样的方式去解决

本篇主要介绍lerna 4如何升级到lerna 6，以及lerna 6与lerna 4中存在的一些差异，最后介绍了lerna结合CI场景去发布多包项目