npm / cnpm 设置镜像地址

使用 npm 和 cnpm 查看及修改镜像源。npm 的默认镜像源为 https://registry.npmjs.org/,可通过 npm config set registry 命令进行修改。安装 cnpm 后,查看和修改镜像源的命令与 npm 类似。确保转载时包含版权声明,并附上作者和原始地址的超链接。
Open post Performance

前端性能和加载体验优化实践 (附: PWA、离线包、内存优化、预渲染)

探讨了页面加载卡顿的原因并提出了多种优化方法。主要原因包括项目包或第三方脚本过大、JavaScript 执行阻塞页面加载、图片体积大且多等。优化策略包括构建缩包按需加载、减少图片体积等。文章还详细介绍了如何通过 Webpack 插件分析项目中用到的 npm 包及大小,以及如何通过调整图片尺寸、格式转换、压缩等方式减小图片体积。

npm i 和 npm ci 区别

对比了 npm i 和 npm ci 的差异。npm i 安装或更新依赖,适用于开发环境;npm ci 删除 node_modules 后按 package-lock.json 精准安装,适合 CI/CD 场景。npm ci 确保版本一致,安装速度更快,但强依赖 package-lock.json 文件。

Egg.js 配置多环境

概述了 Egg.js 的配置管理,包括默认配置 (config.default.js)、本地调试 (config.local.js)、测试环境 (config.test.js) 和生产环境 (config.prod.js) 的配置方法。通过命令行启动不同环境的应用,配置文件会根据环境合并加载,并注册到上下文 ctx 中供使用,方便管理和定制化开发。

使用 peerDependencies 缩减项目体积

介绍了 peerDependencies 的作用及使用场景,可用于避免依赖模块的版本冲突,解决多版本重复加载问题。通过在模块中声明 peerDependencies,项目和依赖模块可以共用同一版本的依赖,但需手动安装。案例展示了在项目中使用 peerDependencies 统一管理依赖版本的效果。