SCSS Export用法

作者: 六寸光阴丶 | 来源:发表于2020-07-13 15:53 被阅读0次

一、介绍

将变量名导出，可以以Js的形式使用SCSS变量，通常写在一个variables.scss文件中，在需要的地方引入。

二、用法

$red:#C03639;
$green: #30B08F;
$yellow:#FEC171;

:export {
  red: $red;
  green: $green;
  yellow: $yellow;
}

import { red, green, yellow } from 'variables.scss'
console.log(red, green, yellow)

SCSS Export用法
一、介绍将变量名导出，可以以Js的形式使用SCSS变量，通常写在一个variables.scss文件中，在需要...
export和export default
import 和export 是ES6的两大模块 export 用法 export default 用法本质上，...
ES6语法
export,export default和import的区别与用法： 1.export,export defau...
ES6 import/export用法
export正确用法输出变量输出多个变量输出函数输出别名 export错误用法 import用法需要注意...
关于sass（scss）、less、postcss、stylus
关于sass（scss）、less、postcss、stylus等的用法与区别一. Sass/Scss、Less...
export default
export ，export default 和 import 区别以及用法首先要知道export，impor...
scss用法
42. export || export default
export 与 import 的使用 export default 的用法 import https://www...
Es6 export和import的几种用法
export和import的用法是对应的，如下： 1.export{} 和import{} 2.export co...
ES6中的import与export对class操作相关用法举例
两种用法：一、指定输出类名 // export 输出export class App extends React...

本文标题：SCSS Export用法

本文链接：https://www.haomeiwen.com/subject/oboacktx.html