一直在研究eslint和prettier，网上看了很多文章，发现要么是互相抄袭，要么就是讲得不够通俗易懂，于是乎我就自己写一篇文章来讲清它们的关系。 大家可以认真的看一下，全程精品，毫无废话。

引言 什么是Eslint ESLint是一个流行的开源JavaScript代码检查工具，用于帮助识别和报告JavaScript代码中潜在的问题和不一致之处。它分析你的代码，检查常见的错误、编码风格违规

构建工具与设计模式 本文是本人整理归纳出来的一篇构建工具方面的面试题及知识点，其中不免有许多漏掉的问题或是答案，发现错误的或者是有什么问题需要补充的朋友们，可以在评论区留言，大家虚心交流，一起进步。

随着前端项目的不断增大，项目构建的速度越来越慢，项目产出的体积也越来越大，这要求前端工程师对项目的构建优化要有更深入的理解，本文手把手教学 webpack5 的构建优化过程

本文从 UI 研发的痛点出发，谈一谈网易云音乐在解决 UI 研发效率上的思考和实践，包括「海豹 D2C」产品研发中的方案设计与技术挑战，并介绍如何使用「海豹 D2C」实现高效的 UI 研发。

开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第 3 天，点击查看活动详情 默认原则与默认值 默认情况下，它只会影响到按需加载的 chunks。 webpack 将根据以下条件自

这是我参与8月更文挑战的第1天，活动详情查看：8月更文挑战；结合ARRANGE-ACT-ASSERT这个思路，根据官方文档掌握对应每一步要用的api，按照用户的角度去写单元测试就很简单了，通常就是以下

使用 TypeScript、Rollup、Jest、ESLint 、Prettier、Husky、Commitlint 从零搭建自己的工具库，通过 Github Actions CI 自动发布 NPM

每一个产品会去持续的发生一些需求迭代，但是人员跟项目的匹配关系需要考虑当时的资源情况，所以变动也比较大。另外，团队有一定的历史包袱。我们同样希望组件库能够跨越时间，纵向地去支持一个产品不同版本的研发