vue2中配置sass loader

1.下载sass loader 

npm install sass sass-loader --save-dev

2.style文件下面新建sass文件

 // src\\styles\\element-variables.sass

/* 改变主题色变量 */

$--color-primary: orange;

/* 改变 icon 字体路径变量，必需 */

$--font-path: '~element-ui/lib/theme-chalk/fonts';

@import "~element-ui/packages/theme-chalk/src/index";

 3.vue.config.js中配置sass loader解析sass文件 

// module.exports里面

css:{

    loaderOptions:{

      sass:{

        data: `@import "./src/styles/element-variables";`

      }

    }

  },

4.main.js中使用这个全局配置文件

 // 主题样式

import './styles/element-variables.sass'