vue使用sass

因老板不经意简的需求 说看了某某网站看别人的换肤挺好的 咱也做一个。。。。。

1.需安装 node-sass  sass-loader  style-loader sass-resources-loader 
2、需修改build里面util.js
../src/assets/global.scss  路径为相对路径 你的scss路径
 scss: generateLoaders('sass').concat(
      {
        loader: 'sass-resources-loader',
        options: {
          resources: path.resolve(__dirname, '../src/assets/global.scss')
        }
      }
    )

注意如遇到 什么没有此函数什么的需要把sass-loader"改为 "^7.3.1",  8.0版本不可
注意不需要在修改webpack里面的 base.config文件
到此可以直接在main里面引入scss
import ElementUI from 'element-ui';
import './index.scss'


index.scss
$--color-primary:#d81718 ;

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

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