在vue-cli搭建的项目中，使用sass

Sass 是一款强化 CSS 的辅助工具，有助于更好地组织管理样式文件，以及更高效地开发项目。那么在项目中如何使用sass呢？

sass依赖于Ruby,首先要安装Ruby：
在Windows下，可以使用RubyInstaller 安装Ruby，下载地址为：ruby下载地址
安装好之后，在电脑的左下角：开始（或者键盘：window键）

打开终端，输入：gem install sass,安装sass
打开vue项目，安装依赖，执行：
1.cnpm install node-sass --save-dev
2.cnpm install sass-loader --save-dev
下一步，配置vue.config.js,如果找不到此文件，则在根目录上创建；

vue.config.js文件的内容为：（此处引用了执念者_y
的内容）

module.exports = {
  // 配置stylelint，css语法检测自动修复
pluginOptions: {
  lintStyleOnBuild: true,
    stylelint: {
    fix: true, // boolean (default: true)
  },
},

test: /\.scss$/,
  loader: 'sass-loader!style-loader!css-loader',
  options: {
  loaders: {
    scss: 'vue-style-loader!css-loader!sass-loader',
      sass: 'vue-style-loader!css-loader!sass-loader?indentedSyntax',
  },
},
};

检查webpack.base.conf.js

里面sass是否配置完成

最后启动项目：npm run dev
在项目中使用sass,在style中添加 lang = “scss”,即可在文件中用sass语言