<React> sass 사용하기

김민석·2021년 3월 15일
0

React

목록 보기
18/18

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>;
}

결과

profile
누구나 실수 할 수 있다고 생각합니다. 다만 저는 같은 실수를 반복하는 사람이 되고 싶지 않습니다. 같은 실수를 반복하지 않기 위해 기록하여 기억합니다.🙃

0개의 댓글