您现在的位置是:首页 > Javascript
当前栏目
如何统一前端项目的 Node 版本和包管理器?
2023-02-25 17:59:41 时间
开发环境
- Node.js
- Package Manager (npm、yarn、pnpm)
痛点问题
成员机器 Node.js 版本不统一:守旧派用 12.x、保守用 14.x、激进用 17.x。项目能否正常跑起来全凭天意,在没有 CICD 流水线加持本地 npm run build 的场景下线上风险可想而知。
有人习惯用 npm、有人习惯用 yarn, 代码库里面经常会存在 package-lock.json、yarn.lock 文件同时存在的情况。更痛的点还是各种奇奇怪怪问题排查起来没有头绪。
我们要做的就是将问题掐死在源头:锁定 Node.js 版本和包管理器
锁定项目 Node 版本
通过在 package.json 中指定 engines 字段,可限定项目使用的 node 版本。下面配置仅允许用户使用 14 或者 16的版本。更多的配置可以参考 package.json | npm Docs 、semver
// package.json
"engines": {
"node": "14.x || 16.x"
},
配置之后你会发现,该字段只对 yarn 生效。那如何对 npm 也生效呢?在项目根目录下的 .npmrc
文件中增加如下配置
// .npmrc
engine-strict = true
以上配置完成后,npm install 试试吧,错误的 Node.js 将直接退出
锁定包管理器
利用 only-allow 工具包、npm scripts 快速实现锁定。
步骤一:在项目中 npm install -D only-allow
步骤二:在 package.json 文件中进行配置 scripts.preinstall
, 允许输入的值 only-allow npm、only-allow pnpm、only-allow yarn
// package.json
"scripts": {
"preinstall": "only-allow npm",
}
以上配置完成后,可以再乱用 (yarn、npm、pnpm) 试试
相关文章
- JavaScript入门学习
- JavaScript数组
- JavaScript变量 | 作用域
- JavaScript内置对象 | 数据类型
- JavaScript 行内 | 内嵌 | 外链
- JavaScript运算符操作
- JavaScript循环
- 分享一个Javascript通过正则表达式验证E-Mail地址有效性的函数
- 分享一个用jQuery实现自动检测并设置浏览器编码的实例
- Spring Boot中的Freemarker模版引擎引用css和js的正确姿势
- Node.js解压版的环境配置及相关常用命令
- JSP学习笔记(6)—— 自定义MVC框架
- JSP学习笔记(5)——Servlet、监听器、过滤器、MVC模式介绍
- Jsp学习笔记(4)——分页查询
- JSP学习笔记(3)——JSTL 标签库
- JSP学习笔记(1)——Jsp指令、动作元素和内置对象
- echarts map地图中绘制浙江省市区县乡镇多级联动边界下钻的最新geojson数据文件获取和更新
- ArcGIS QGIS学习一:打开shp、geojson地图变形变扁问题(附最新坐标边界下载全国省市区县乡镇)
- 从区划边界geojson中查询经纬度坐标对应的省市区县乡镇名称,开源Java工具,内存占用低、高性能
- 全国省市区县和乡镇街道行政区划矢量边界坐标经纬度地图最新数据免费下载 支持shp geojson json sql格式