在vue中引入scss

1. 安装 sass-loader 依赖包cnpm install sass-loader --save-dev
2. 安装node-sass依赖包cnpm intall node-sass --save-dev
3. 在build文件夹下的webpack.base.conf.js中的rules里添加配置

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

4. 在使用的组件中修改 style 标签

<style lang="scss">

5. 报错：TypeError: this.getResolve is not a function at
   原因：由于当前 sass 的版本太高，webpack 编译时出现了错误
   修改方法：找到 package.json 和 package-lock.json 文件，将 “sass-loader” 更换为低版本"sass-loader": "^7.3.1"
   （1）使用cnpm uninstall sass-loader卸载该依赖包；
   （2）使用cnpm install [email protected] --save-dev