「万字解析」300行代码梳理webpack核心工作流源码，从工程化出发，真正搞懂webpack背后打包机制。带你走进webpack生态开发的世界，真正对应用webpack了然于胸。

无论是初创的小公司，还是互联网大厂。只要是能赚钱的业务，那它的前端项目必定是需要监控的。 什么？你们的项目直接果奔？不需要任何监控？ 那没事了

结合实际项目架构经历讲述究竟如何落地Babel的最佳实践，文章会带你从不同角度探索各种项目场景下Babel最佳落地方案，从实际出发带你寻找不同场景下Babel的落地方案。

前端开发中使用到 npm 包那可算是家常便饭，而使用到 npm 包总免不了接触到 package.json 包配置文件。 老司机们很快地给出答案：main 字段中指定的文件。 浏览器/服务端都可以使用。 如果我们需要开发一个 npm 包同时兼容支持 web端 和 server …

通过解析yarn install工作流程，分析 lockfile、缓存、请求Registry、扁平化依赖树、install scripts 各个部分之间的协作关系。或许能帮助大家理解一些 yarn 的常见操作，在实际解决问题的过程中产生一些启发。 如果对包管理、lockfile…

yarn是我们经常用到的包管理工具，之前写过一篇文章文章《前端工程师应该知道的yarn知识》，里面介绍了作为前端攻城狮应该知道的yarn知识，但是对yarn安装包的具体过程，并没有具体讲解。 本文将从源码的角度解读yarn安装包的过程，为了方便大家理解，并不会搬源码出来，而是借…

6000字详解package.json，今天看前端的大管家package.json文件相关的配置，充分了解这些配置有助于我们提高开发的效率，规范我们的项目。文章内容较多，建议先收藏在学习！

1. 概述 从我们接触前端开始，每个项目的根目录下一般都会有一个package.json文件，这个文件定义了当前项目所需要的各种模块，以及项目的配置信息（比如名称、版本、许可证等）。 当运行npm i

yarn 是在工作中离不开的工具，但在工作中，很多人基本只会使用 yarn install，而且会手动删除 node-modules，或删除 yarn.lock 文件等不规范操作。本文将从一些基础的知识点开始介绍，循序渐进的让你对 Yarn 有一个更深入的了解，来保证规范的使用…