ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • scss 설치법
    카테고리 없음 2023. 4. 26. 19:54


    1. 먼저 node.js와 npm의 설치 유무를 확인합니다

    node -v
    npm -v

    둘 다 버전이 나온다면 설치가 되어있는 겁니다.

    2. import하고있는 모든 module들을 다운로드 합니다

    npm i

    위 명령어를 터미널에 입력하면 import from 으로 작성된
    모든 module들을 npm이 자동으로 인식해 다운로드 해줍니다.

    하지만 devDependencies에 들어있는 module들은 npm이 자동으로 설치해 주지 않으므로

    "gulp": "^4.0.2",
    "gulp-sass": "^4.1.0",
    "node-sass": "^6.0.0"

    위의 세가지는 직접 다운로드 해주셔야 합니다

    npm i gulp gulp-sass node-sass --save-dev

    위 명령어로 세 개의 module들을 설치해 줍니다

    3. 실행해 봅니다

    package.json을 보시면 scripts 부분에 "dev": "gulp dev"라는 부분이 있습니다
    gulp dev를 터미널에 입력하면 원래 gulp가 실행되는데 이를 dev라는 축약어로 지정하는 과정입니다

    이 축약어를 npm에서는 npm run dev
    yarn에서는 yarn dev로 실행할 수 있습니다.

    댓글

Designed by Tistory.