Vue + Sass 安装和使用

安装 node-sass 时报错，原因是 node-sass 跟 你电脑上node版本对应错误的问题。

解决方法：

打开命令行 查看 node版本: node -v

卸载命令：

npm uninstall --save-dev sass-loader
npm uninstall --save-dev node-sass

安装时要根据你电脑上 node.js 的版本进行安装

1、安装 sass-loder

npm i -D sass-loader@7.1.0

2、安装 node-sass

由于 sass-loader 依赖于 node-sass ，所以要安装 node-sass

npm i node-sass@4.9.0

安装成功之后可在 package.json 中查看

3、sass 的使用

在 style 标签中加入以下代码

lang="scss"

效果图：

详细资料可查阅 Sass 中文网：Sass 中文文档 | Sass 中文网