코딩의숲

  • 홈
  • 태그
  • 방명록

scssCompiler 1

[scss/sass] scss 설치 및 컴파일하기(watch)

1. npm으로 설치 및 실행하기 1.1 설치 npm install -g sass 설치가 왼료 되어도 node_moduls 폴더가 생기거나 package.json 파일이 생성되지는 않는다. 따라서 잘 설치 되었는지 확인 하려면 sass --version 명령어를 입력해서 sass 버전이 출력되면 설치 성공!! 1.2 Compile 및 watch 브라우저는 scss, sass를 읽지 못한다. 따라서 브라우저가 읽을 수 있는 css 문서로 변환을 해주어야 하는데, 이것을 컴파일 이라고 한다. 컴파일은 .scss 문서를 변경 할 때마다 되어야 하므로 watch 라는 명령어를 사용해서 파일의 변화를 항상 '감시' 하도록 해줘야 한다. /* 개별파일을 컴파일 하고 싶을 때 */ sass --watch 파일이름.s..

frontend/html, css 2023.06.09
이전
1
다음
더보기
프로필사진

코딩의숲

.

  • 분류 전체보기
    • frontend
      • html, css
      • javaScript
      • Vue.js
      • react.js
      • mobile
    • backend
      • java
      • database
    • docker
    • tool (git, vscode, IntelliJ..
    • 독서,강의,시험 등
    • 회고, 개발문화 등

Tag

ES6, vue.js, Flutter, Android, 홈스크린위젯, docker, 프로그래머스, gitlabrunner, 프론트엔드, 알고리즘, vue3, 코딩테스트, xml, Sass, compositionAPI, scss, DART, js, javascript, filter,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/05   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바