1.在官网下载最新稳定版本,直接安装到原先nodejs目录
2.vue2项目安装新版本的sass-loader 和loader-sass.
对应版本
node v16.16.0
node-sass v6.0.1
sass-loader v10.2.1
安装时一些需要注意的点
–save : dependencies ,发布后还需要依赖的模块.
–save-dev : devDependencies ,仅在开发时依赖的模块
(1)指定版本:比如"axios": “0.21.0”,表示安装0.21.0的版本;
(2)波浪号~指定版本:比如 “core-js”: “~3.6.5”, 表示安装3.6.x的最新版本(不低于3.6.5),但是不安装3.7.x,也就是说安装时不改变大版本号和次要版本号
(3)^指定版本:比如 “antd”: “^3.1.4”,,表示安装3.1.4及以上的版本,但是不安装4.0.0,也就是说安装时不改变大版本号。
在项目中我们经常是使用 ^
3.安装sass后,webpack版本又冲突
webpack和less-loader版本冲突问题报错Rule can only have one resource source
某些新版本的库要求 webpack@5,更新依赖时,根据依赖选择的规则,就以 webpack@5 作为主依赖安装。然而 @vue/cli 依赖 webpack@4,它自带的 webpack 配置无法兼容 webpack@5 ,于是就报错,不能继续编译。如果你也在使用 @vue/cli,那么请不要贸然升级 webpack@5。
//卸载webpack
npm uninstall webpack
//安装指定版本的webpack
npm install webpack@4.0.0 --save-dev