scss的封装样式导入怎么使用

背景

当项目中有许多地方需要的样式一样，可以写一个专门scss文件统一管理样式，只然后页面上引用这个文件，使用统一的样式，当样式变化的时候，只需要改变这一个文件即可，不需要每个页面都改一遍了
1.新建立一个styles文件夹，文件夹下建立scss文件

$title-color: #333333; //标题色
$text-color: #666666; //基本信息字体色
$text-tips-color: #999999; //tips字体颜色
// $primary-header-color: #363636; //头部背景色
$primary-header-color: #0A1833; //头部背景色
$primary-config-color: #fff; 
$primary-btn-width: 100px;
$primary-btn-height: 36px;
$font-size-base: 16px;
$font-size-small: 14px;
$font-tips-small: 13px;
$primary-margin-top: 60px;
$primary-required-color: #FCF2E7;
$table-text-color: #108ADB;
$table-row-hover: #FCF2E7;
$table-btn-color: #FF4949;
$table-thead-bgc: #F5F5F5;

2.组件需要的地方引入

当然使用scss的基础是提前安装好了scss