VUE中安装使用SCSS步骤

1，VUE项目中执行以下命令：

npm install sass-loader@7.3.1 --save-dev
npm install node-sass --save
npm install style-loader --save

此处注意一个问题：如直接 npm install sass-loader --save-dev的话会出现报错如下：
Module build failed: TypeError: this.getResolve is not a function at Object.loader…
这是因为版本过高导致，所以要降低版本。
2，项目文件夹build下webpack.base.config.js中moudle下rules里添加以下代码：

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

如图：

3，在组件里使用；
在style开始标签中加入lang="scss"即可，如下：

<style lang="scss" scoped>

然后使用，如图：

4，页面效果如图：

续：
前些天把同金的笔记本系统从win7升到win10,今天在新项目中装载sass时，无论是npm install sass-loader@7.3.1 --save-dev还是npm install node-sass --save都是装载一半后报错失败。错误很多，于是就度了一下失败原因，原因没查到但是换了个方法：用cnpm装载。试过可行！
步骤如下：
用cnpm首先要有cnpm，全局安装cnpm。

npm install -g cnpm --registry=https://registry.npm.taobao.org

接着：重新装载sass

cnpm install sass-loader node-sass --save-dev

cnpm是淘宝镜像，阿里云提供技术支持；“这是一个完整 npmjs.org 镜像，你可以用此代替官方版本(只读)，同步频率目前为 10分钟 一次以保证尽量与官方服务同步。” 这是原话，意思就是cnpm与npm每十分钟同步一次，所以大可不必担心存在差异以影响使用。详情请点击淘宝NPM镜像了解详细。(http://npm.taobao.org/)；
众所周知npm是国外的，在国外使用自然没问题，但是在国内装载东西不仅慢而且经常失败；所以cnpm还是很符合国情的。

结语：如果有错误或不足，恳请指出。如果有用的话，请多多点赞和关注吧，谢谢了！