온라인 강의/Advanced CSS and Sass [Udemy]

72. Project Overview

유호야 2023. 8. 2. 23:27
반응형

신나는 프로젝트를 하나 만들 것이다

이 인터페이스를 구현할 것이다

{
  "name": "trillo",
  "version": "1.0.0",
  "description": "Trillo app",
  "main": "index.js",
  "scripts": {
    "watch:sass": "node-sass sass/main.scss css/style.css -w",
    "devserver": "live-server",
    "start": "npm-run-all --parallel devserver watch:sass",
    "compile:sass": "node-sass sass/main.scss css/style.comp.css",
    "prefix:css": "postcss --use autoprefixer -b 'last 10 versions' css/style.comp.css -o css/style.prefix.css",
    "compress:css": "node-sass css/style.prefix.css css/style.css --output-style compressed",
    "build:css": "npm-run-all compile:sass prefix:css compress:css"
  },
  "author": "Jonas",
  "license": "ISC",
  "devDependencies": {
    "npm-run-all": "^4.1.5"
  },
  "dependencies": {
    "node-sass": "^9.0.0"
  }
}

 

npm install 이후에

여기서 npm-run-all 패키지가 없어서 설치하고 node-sass 패키지도 없어서 설치하니

npm run start가 정상적으로 작동했다 

반응형