VUE配置sass

安装

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

配置，在bulid文件夹下webpack.base.conf.js

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

如图

使用

<style lang="scss">

常用报错情况

• 情况一

  ERROR in Cannot find module 'node-sass'
  
  因为cnpm安装导致的，换成npm安装就好
  
  或者cnpm install node-sass@latest
  
  解决方法：cnpm install node-sass@latest
  

• 情况二

  Module build failed: TypeError: this.getResolve is not a function
  
  sass-loader的版本过高导致的编译错误，当前最高版本是8.x，需要退回到7.3.1
  运行：
  　　 npm uninstall sass-loader（卸载当前版本）
       npm install sass-loader@7.3.1 --save-dev