<React> sass 사용하기

node-sass설치

$npm install node-sass or
$yarn add node-sass

project

project
  |--src
   +|--Component.scss
   +|--Component.js

Component.scss

$red: red;

@mixin square($size){
	width: $size*1px;
    height: $size*1px;
}

.box{
  background: $red;
  @include square(1);
}

Component.js

import './Component.scss';

const Component = () => {
  return <div className="box">
  </div>;
}

결과