vue에 SASS 적용하기

요즘엔 순수 CSS 보다는 SASS를 많이 사용하고 있다.

여러 속성을 변수로 선언하여 관리할 수 있는 것도 장점이고,

중첩된 element에 쉽게 접근할 수 있는 것도 큰 장점이다.

vue.js에 SASS를 적용하는 방법은 간단하다!

Step 1

npm install --save node-sass

Step 2

npm install --save sass-loader

Step 3

vue 컴포넌트 `` 태그에서 lang을 scss로 지정한다.

<style lang="scss">
// SASS 사용하기
</style>