如何通过npm修改package.json配置降低Bootstrap版本
降级Bootstrap版本操作步骤
如果你不清楚想要降级的目标版本号,可先执行以下命令查看所有Bootstrap公开发布的版本:npm view bootstrap versions
方案一:npm命令直接安装指定版本(推荐)
此方式不需要手动修改配置文件,npm会自动处理版本替换和配置更新:
- 在项目根目录打开终端,执行对应命令即可,比如要降级到4.6.2版本,执行:
npm install bootstrap@4.6.2 --save-dev - 命令执行完成后,原有5.1.0版本会被自动卸载,指定版本安装完成,package.json和package-lock.json的版本记录会同步更新。
方案二:手动修改package.json配置
- 打开项目根目录的package.json文件,找到
devDependencies下的bootstrap配置项,将版本号修改为你需要的目标版本,示例如下(如果不希望后续自动升级小版本,可去掉版本号前的^符号):
"devDependencies": { "bootstrap": "4.6.2", "node-sass": "^6.0.1", "sass-loader": "^10.2.0" }
- 删除项目根目录下的
node_modules文件夹和package-lock.json文件(避免缓存影响安装结果,非强制但建议操作) - 在项目根目录终端执行
npm install命令,等待依赖安装完成即可。
注意:如果跨大版本降级(比如从5.x降到4.x),两个版本的类名、API存在不兼容差异,安装完成后需要检查原有项目中调用Bootstrap的代码和样式是否正常运行。
内容的提问来源于stack exchange,提问作者prince jonathan Bolampembe bat
相关产品推荐
相关产品推荐

