vue 使用预编译器 scss sass

webpack版本:4.28.0

node版本:10.14.2

npm install node-sass --save-dev //安装node-sass
npm install sass-loader --save-dev //安装sass-loader
npm install style-loader --save-dev //安装style-loader

在webpack.base.conf.js中，modules结节下的rules节点中添加sass的解析器，如下所示：

 

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

 

如碰到下面错误

Module build failed: TypeError: this.getResolve is not a function
at Object.loader (F:\code\myGit\webMade\vue\node_modules\sass-loader\dist\index.js:52:26)

因sass-loader版本过高，webpack编译失败，解决方法：

修改sass-loader 版本(^8.0.0 => ^7.3.1)

npm install [email protected] --save