본문 바로가기
반응형

Sass2

Vue.js에서 CSS module 사용하기 그저 module 을 사용하면서 알게 된 내용에 관한 메모입니다. 우선 module을 사용하기 위해선 vue-loader를 사용하여야 합니다. vue-loader를 사용하게 되면 css 이외에도 scss와 같은 다양한 방식이 적용가능해집니다. 공식 문서는 본가 사이트에서 확인 가능합니다. 우선 vue에서 CSS를 사용할 경우는 그대로 사용하면 되지만, SASS/SCSS를 사용할 경우에는 lang="scss" 를 추가 시켜주어야 합니다. 이렇게 두가지를 적용시켜 적용시킬 수도 있습니다. 최종적으로, 예를 들어 Example.vue 라는 파일에서 module을 사용한 방식의 파일은 렌더링이 끝난 소스의 class를 확인하면 다음과 같아집니다. Vue 파일명 + module 클래스 + 랜덤문자의 조합으로 만들.. 2018. 10. 21.
SASS를 사용해 본 소감 요새 한달간 SASS를 만지작거리곤 했었다. 프레임워크를 통해서 CSS를 작성하는 방법으로 루비를 인스톨 시킨후 관련 프로그램을 인스톨시켜두면 기본작업환경은 끝나는 방식으로 의외로 벽은 높지 않았다. LESS와 SASS사이에서 갈등을 하다 처음엔 LESS를 도입해 봤다가 SASS로 바꾸었었다. 둘다 루비만 준비되어있다면 Mac과 Window에서 사용가능하다. 처음에는 신기하고 재미있기도 해서 3월중에 있었던 안건에 활용해 보았다. 잠시 사용해본 소감 메모.루비를 인스톨하는등 프레임워크 사용을 위해 별도로 작업환경을 준비해둬야 한다.대규모작업에 있어서 기본룰을 정할때에 사용하면 유용할듯하다.소규모작업에서는 큰 효과를 기대하긴 어렵다.소규모작업이라도 MIXIN, 변수를 이용해서 템플렛용으로 몇가지 세트를 만.. 2012. 4. 2.
728x90
반응형