반응형
신나는 프로젝트를 하나 만들 것이다
이 인터페이스를 구현할 것이다
{
"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가 정상적으로 작동했다
반응형
'온라인 강의 > Advanced CSS and Sass [Udemy]' 카테고리의 다른 글
74. Building the Overall Layout (0) | 2023.08.03 |
---|---|
73. Defining Project Settings and Custom Properties (0) | 2023.08.02 |
71. A Basic Intro to Flexbox: Adding More Flex Items (0) | 2023.08.02 |
70. A Basic Intro to Flexbox: Flex Items (0) | 2023.08.02 |
69. A Basic Intro to Flexbox: The Flex Container (0) | 2023.08.02 |