从`npm run build`命令开始，将`webpack`编译入口到`make`阶段的所有流程抽离出核心代码形成流程图，然后针对核心代码进行具体的分析

因为公司业务有好多个 APP，还有 H5 页面，不同的端，模块展示可能不同，但是大部分功能又是相同的。而且不同的 APP 提供的接口也不一样。 如果通过简单的 if...else... 判断不同端，调用相应的 API 或 展示相应的模块，那随着时间和业务的发展，终有一天会造成代…

跨端兼容 uni-app 已将常用的组件、JS API 封装到框架中，开发者按照 uni-app 规范开发即可保证多平台兼容，大部分业务均可直接满足。 但每个平台有自己的一些特性，因此会存在一些无法跨

在 vue中可以使用 process.env 访问配置文件内的属性，根据不同的环境找到对应的配置文件。若在业务代码中，我们如何实现文件维度条件编译的功能呢？

✨满满的干货，不容错过哦. 写文不易，点赞是最大的鼓励。 文章下篇已经更新：深入浅出 Babel 下篇：既生 Plugin 何生 Macros 有点冷清，赞起来。 上图是 Babel 的处理流程, 如果读者学习过编译器原理，这个过程就相当亲切了. 1️⃣词法解析(Lexical…

webpack 是一个模块打包器，在它看来，每一个文件都是一个模块。 无论你开发使用的是 CommonJS 规范还是 ES6 模块规范，打包后的文件都统一使用 webpack 自定义的模块规范来管理、加载模块。本文将从一个简单的示例开始，来讲解 webpack 模块加载原理。 …

如何选择上报策略？监控SDK如何设计成多平台支持？如何进行SDK的代码结构组织？错误监控、性能监控的细节？等等问题，都会在文章中一个一个的来聊一聊

面试官：npm run xxx的时候，发生了什么？讲的越详细越好。 我（嘿嘿，稳了，这次我要30k）: 嘻嘻！

npm run实际上是npm run-script的缩写。进入项目目录，在命令行只执行npm run命令时，会输出package.json中scripts对象的值 4)、在系统默认的 shell 中执行上述命令。 指定script之前，会把node_modules/.bin添加…