我在2年之前，写过一篇中小型项目的前端架构浅谈。随着能力的上升，以及在阿里巴巴工作的经验，是时候写一篇大型项目的前端架构分析了。 本篇文章不会更多侧重于具体技术实现，而是尝试从更高角度出发，分析为什么要这么做，这些设计能解决什么问题，成本和收益如何。 由于作者能力有限，可能会有…

前言 常见治理工具 治理对象 治理方式 执行时机 代码规范 ESLint / StyleLint / Prettier 本地开发 / Git Hook / Merge Request Commit M

在我们写完一个应用程序后，需要发布到npm上，大多数人可能仅仅使用npm publish就完成了，在这里我讲一下如何更好的发布包。 1. registry 在下载包的时候，很多人喜欢设置taobao镜像，因为npm仓库服务器在国外，下载速度真是急死个人。发布的时候也一样，一般开…

这里所述的组件库动态加载和 webpack 构建项目的懒加载是不同的，此文将以 babel-plugin-import 插件为主，讲解组件库按需加载方案的实现原理。

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

大文件上传前端是如何实现呢？这篇文章带你了解如何进行文件Hash计算？如何快速计算Hash？如何处理耗时任务？

什么是ESlint、有什么特性？ESLint如何使用及配置、如何校验？为什么要用ESLint，解决了什么问题，如何在项目中正确使用

如果你已经写过很多 npm 模块，你就可以跳过这部分。如果没有的话，我们先看下简介。 一个 npm 模块 只 需要包含一个带有 name 和 version 属性的 package.json 文件。 看看你。 就像一只懵懂无知的小象。 你不是制作 npm 包的专家，但你很想学习…

rollup打包产物解析及原理（对比webpack） 上篇： webpack打包产物解析及原理（含cjs/esm/代码分离/懒加载） rollup定位 rollup比webpack晚出2年，对比web