Node Sass 설치

구름·2024년 1월 4일

sass

목록 보기
1/1
  1. 노드가 깔려있는지 확인 -vscode의 터미널에서 확인
node -v
npm -v
  1. 없다면 LTS 버전으로 깔기
  2. npm 프로젝트 시작
 npm init -y
  1. https://www.npmjs.com/package/node-sass 설치
    -> node 프로젝트가 있어야 우리가 필요한 모듈을 받을수 있다.
  2. node moudle파일이 생성
  3. package.json부분에 스크립트부분에 node-sass 추가해줌
 "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "node-sass":"node-sass"
  },
  
  1. "sass": "node-sass src/style.scss dest/style.css"
    -> script부분에 다시 추가
    -> sass 파일을 작성하면 css파일로 바뀌어야한다.
    -> 나의 파일을 기준으로 다시 바꿔줘야함

  2. "sass": "node-sass styles/main.scss style.css"

  3. 컴파일 npm run sass

변환이 된것을 확인할 수 있다 .

성공 터미널 화면

profile
내가 보려고 하는 업데이트

0개의 댓글