vue使用sass指定版本安装附上node-sass 和sass-loader 有版本对应的关系(亲测可行本人node版本10.22.1)

先展示一下使用环境:
相关的指令:

node -v
npm -v
webpack -v
node-sass -v

在这里插入图片描述 在这里插入图片描述
查看是否有已经安装的sass版本:
在这里插入图片描述
卸载指令:npm uninstall --save node-sass
vue使用sass指定版本安装附上node-sass 和sass-loader 有版本对应的关系(亲测可行本人node版本10.22.1)_第1张图片

执行安装sass相关的语句:

npm i -D [email protected]
npm i -D [email protected]

vue使用sass指定版本安装附上node-sass 和sass-loader 有版本对应的关系(亲测可行本人node版本10.22.1)_第2张图片
安装后使用要在build/webpack.base.conf.jsde里的在module的rules中插入以下代码添加配置:(注意逗号)

{
test: /\.scss$/,
loaders: ["style", "css", "sass"]
},

vue使用sass指定版本安装附上node-sass 和sass-loader 有版本对应的关系(亲测可行本人node版本10.22.1)_第3张图片

然后运行我们的项目,看看定制的样式页面成功没有:
vue使用sass指定版本安装附上node-sass 和sass-loader 有版本对应的关系(亲测可行本人node版本10.22.1)_第4张图片
ok完美

你可能感兴趣的:(前端,vue,sass)