前提条件:使用vue-cli2创建的项目
vue-cli2脚手架自带的webpack是3.6.0
1. node-sass
// node-sass 4.x 是与 Webpack 3 兼容性较好的版本。通常,4.14.1 是一个比较稳定的选择。
npm install node-sass@^4.14.1 --save-dev
2. node.js
// node-sass 4.x 支持 Node.js 版本 4.x 到 14.x
// 查看当前使用的 Node.js 版本
node -v
// 查看本地已安装的 Node.js 版本
nvm ls
// 切换到已安装的 Node.js 版本
nvm use 14.17.0
// 查看可用的 Node.js 版本
nvm ls-remote
// 安装指定版本的 Node.js
nvm install 14.17.0
3. sass-loader
// sass-loader 6.x 版本通常与 node-sass 4.x 兼容。通常 6.0.7 是比较稳定的选择。
npm install sass-loader@^6.0.7 --save-dev