vue2中配置sass loader

  • Post author:
  • Post category:vue


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’



版权声明:本文为m0_67805754原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。