nana_log
Home
  • 분류 전체보기 (91)
    • Blog (85)
      • Markup (3)
      • CSS (17)
      • JavaScript (21)
      • Library (10)
      • Tools (1)
      • Web Animation (2)
      • etc. (16)
      • Design (8)
      • Loves (7)
    • 🐿 (5)
      • CSS (2)
      • JS (3)
Home
  • 분류 전체보기 (91)
    • Blog (85)
      • Markup (3)
      • CSS (17)
      • JavaScript (21)
      • Library (10)
      • Tools (1)
      • Web Animation (2)
      • etc. (16)
      • Design (8)
      • Loves (7)
    • 🐿 (5)
      • CSS (2)
      • JS (3)
About
블로그 내 검색
Portfolio

nana_log

좋아하는 걸 좋아하는 나나 🤟

  • Blog/CSS

    [SASS] node-sass 사용하기

    2019. 8. 1.

    by. 나나 (nykim)

    320x100

    1. node.js 설치 (npm은 자동 설치된다)

     

    2. 글로벌로 node-sass 설치

    $ npm install -g node-sass

    $ node-sass -v

    (오류발생 시, npm rebuild node-sass를 쳐보자)

     

    3. 명령어는 아래와 같다.

    $ node-sass [옵션] <인풋파일> <아웃풋파일>

    $ node-sass -w scss/style.scss css/style.css --output-style compressed

     

     


     

    node-sass를 전역으로 설치하면 이렇게나 편하게 쓸 수 있었다!!!!

    이렇게 Compass와 작별했다 ^0^)/~

    앞으로 간단한 컴파일에는 node-sass를 쓰면 될 듯!

    얼른 Gulp도 갈아타야할 텐데...ㅋㅋㅋㅋㅋ

     

     

     

    728x90
    저작자표시 (새창열림)

    'Blog > CSS' 카테고리의 다른 글

    반응형으로 비디오(유튜브) 삽입하기  (15) 2019.10.31
    [CSS 3D] 인터랙티브 웹 효과 구현하기 (2)  (2) 2019.08.12
    [CSS 3D] 인터랙티브 웹 효과 구현하기 (1)  (5) 2019.08.05
    [CSS] 3D Transform  (6) 2019.07.01
    [CSS] 레이아웃을 더 편하게, Flexbox  (0) 2019.01.07

    댓글

    관련글

    • [CSS 3D] 인터랙티브 웹 효과 구현하기 (2) 2019.08.12
    • [CSS 3D] 인터랙티브 웹 효과 구현하기 (1) 2019.08.05
    • [CSS] 3D Transform 2019.07.01
    • [CSS] 레이아웃을 더 편하게, Flexbox 2019.01.07
    맨 위로
전체 글 보기
  • Github
  • Portfolio
  • Mail

Today

Total

좋아하니까, 나답게

Designed by Nana
블로그 이미지
나나 (nykim)
쉽고, 재밌고, 특별한 걸 좋아해요. 걷고 뛰고 구르면서 나아가는 중.

티스토리툴바