工程化实践：搭建 npm 私服(私有源)
本文旨在帮助前端团队理解 npm 私服的价值、主流方案对比，以及通过 Verdaccio 实现私有 npm 仓库的完整落地过程，解决依赖安全、网络和包管理混乱等痛点。 在现代前端工程化体系中，高效、安全的依赖管理是保障项目稳定性的基石。本文将深入探讨为何需要搭建私有 npm 仓库，对比主流方案，并手把手带你使用轻量级工具 Verdaccio 搭建一个属于自己团队的 npm 私服。 ...
👨🏻💻 前端
npm 到 pnpm：补丁包（patch）迁移
本文主要套路在npm迁移到pnpm时，patch包不兼容的一些问题… ...
工程化：@vue/cli 和 Webpack 构建
@vue/cli是基于Webpack的打包构建工具，有一些常见的问题… ...
工程化：Rollup 构建
Rollup是一个用于JavaScript的模块打包工具，使用JavaScript的ES6版本中包含的新标准化代码模块格式，而不是以前的CommonJS和AMD等特殊解决方案。让你像ES 模块一样，在所有场景获得原生支持，自由无缝地组合你最喜欢的库中最有用的个别函数… ...
NPM Scripts: 生命周期
package.json文件的“scripts”属性支持许多内置脚本，及其预设的生命周期事件。特别是，当运行npm run <stage>这些命令时，也将运行其前置和后置命令… ...
ESLint: 构建适配Vue3配置的公共Package
上一篇文章《Vue3技术栈：ESLint、TypeScript和Prettier配置》，我们主要拆解了在vue3项目中，如何去配置和使用相关规则。那么，如果我们想要把以上规则整理成团队规范，作为基础npm包使用，这里该如何配置呢… ...
Vue3技术栈：ESLint、TypeScript和Prettier配置
前期规范主要针对Vue2的历史项目，近期对Vue3项目的规则做了统一梳理，具体如… ...
工程化: babel的一些常见问题
摘要… ...
工程化: 模块联邦Module Federation机制
一、模块联邦 模块联邦 (Module Federation) 是 Webpack 5 中的一个新特性，它允许将多个 Webpack ...
微前端: qiankun、wujie和Micro App等框架对比
系列文章： 第一篇：微前端: qiankun、wujie和Mic ...
NPM补丁包: patch-package的使用及补丁包管理
日常团队协作过程中，由于现状不得不使用相对滞后版本的依赖包，但又期望使用新版本的某些功能… ...
代码片段和常见问题：js & es6+ & ts
常用的一些code fragment… ...
Node: pnpm、yarn管理npm包以常见的构建问题
随着项目的增多，依赖项与项目的数量成正比。使用pnpm在磁盘上节省大量空间，且安装速度要快得多… ...
抓包工具: Ajax Interceptor（Ajax 拦截）
一个用于修改ajax请求响应的chrome扩展… ...
JavaScript: 异步编程之Promise
一、Promise的使用 创建一个promise实例，方便处理 ...