본문 바로가기

[Web]/Vue

[Vue] Vue 에서 Sass Scss 사용하기

반응형

https://swoo1226.tistory.com/181

 

Vue.js에서 Sass / Scss 사용하기

Vue-cli에서의 SCSS 모듈의 설치와 적용 VueJS에서는 vue-loader 덕분에 Single File Component 구성의 .vue 내에서 style 태그에 lang="scss" 요소만 추가하면 scss를 적용할 수 있다. # scss 관련 모듈 설치 npm..

swoo1226.tistory.com

 

https://velog.io/@function_dh/Vue-scss-%EC%B6%94%EA%B0%80-%EB%B0%8F-%EC%A0%84%EC%97%AD-%EC%8A%A4%ED%83%80%EC%9D%BC-%EC%84%A4%EC%A0%95

 

[Vue] scss 추가 및 전역 스타일 설정

Vue cli3 이상부터는 프로젝트를 생성할 때 scss 관련 기능을 쉽게 추가할 수 있습니다. 하지만 프로젝트 진행 중간에 scss를 적용할 일이 생겨 해당 내용을 정리하였습니다 🙂제일 먼저 해당 package

velog.io

 

버전에 따라서 차이가 있을 수 있음.

 

https://stackoverflow.com/questions/58232691/sass-loader-error-options-has-an-unknown-property-indentedsyntax-when-upgrad/58269208

 

Sass-loader error 'options has an unknown property 'indentedSyntax'' when upgrading Vuetify from 1.5 to 2

I am upgrading Vuetify in my Vue CLI 3 project from version 1.5 to 2. I have followed these instructions, doing a full install. Since the upgrade, running 'npm run serve' gives me a ton of errors l...

stackoverflow.com

 

주의 사항

 

Vue CLI 버전에 따라 다르므로, 설치 전 본인의 Vue CLI Version 반드시 확인할 것.

 

설치 이후 전역 사용을 위해 vue config 설정을 진행할 때,  sass-loader 버전에 따라 vue config에 작성하는 값이 다르므로, 확인해줄 것

반응형