Module02 :: vuex에서 SPA 에서 scss 적용하기

codepen 코드들을 보다가 scss 는 어떻게 적용하는지 몰라서 리서칭하여 적용시켰습니다.

 

 

npm install sass-loader node-sass --save-dev 
 

설치하고, 

 

webpack도 설치하였습니다. 

 

 

 

 npm install webpack --save-dev

root에서 

 

webpack.base.conf.js 파일을 만듭니다. 

 

그리고

 

 

 

넣습니다. 

 

그리고 <style> 부분에 <style lang="scss"> 만 붙여서 쓰면 적용시킬 수 있습니다. ^*^ 

{
    test: /.s[a|c]ss$/,
    loader: 'style!css!sass'
}
 
 

너무 획기적이야..흥흥