对 npm 的整体架构、缓存机制、进化史、npm install 原理及完整流程进行深入解析。亮点：对npm cache 这一内置缓存系统进行了全面深入的解析。

前端开发中经常要配置接口代理服务，用来解决开发阶段的跨域问题。有一个常用的 changeOrigin 配置项，它究竟配置了个啥？本文做了一个小小的探究。

webpack publicPath配置详解 output.publicPath 概念： 表示资源(assets)被引用的根路径，在生产环境下生效；可以是相对路径，也可以是绝对路径； 该配置会为ind

PostCSS 是一种 JavaScript 工具，可将你的 CSS 代码转换为抽象语法树 (AST)，然后提供 API（应用程序编程接口）用于使用 JavaScript 插件对其进行分析和修改。

npm install 的输入是 package.json，它的输出是一棵 node_modules 树。理想情况下，npm install 应该像纯函数一样工作，对于同一个 package.json 总是生成完全相同的 node_modules 树。在某些情况下，确实如此。但…

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

前端模块化作为前端必备的一个技能，已经在前端开发中不可或缺；而模块化带来项目的规模不断变大，项目的依赖越来越多；随着项目的增多，如果每个模块都通过手动拷贝的方式无异于饮鸩止渴。

侧重代码格式化话检查：printWidth、semi、singleQuote... 支持多语言：html、css、js、ts、json... 侧重代码质量检查，例如 eslint：no-var、eqeqeq、no-multiple-empty-lines... 结合以上两者有助…

如果需要区分环境，可以配置不同环境的 .env 文件，然后在 webpack/config.js 中根据环境读取对应配置文件。示例如下（此处通过启动命令来区分环境，具体区分方式可根据业务自行配置）： .env文件配置好后，还需要将变量同步为全局环境变量，这样才能在业务场景中使用…