vue使用sass

安装

  npm install --save-dev sass
  npm install --save-dev sass-loading

使用 vue cli 3 构建的话，默认不需要配置

设置sass全局变量

// vue.config.js
module.exports = {
  css: {
    loaderOptions: {
      // 给 sass-loader 传递选项
      sass: {
        // @/ 是 src/ 的别名
        // 所以这里假设你有 `src/variables.scss` 这个文件
        data: `@import "~@/variables.scss";`
        // data: `$color: red;`
      }
    }
  }
}

参考
Vue CLI