HTML - CSS - JS20 . 07 . 2021Lượt xem: 1227

Làm thế nào để build scss bằng terminal tự động

1. Khởi tạo package.json,

Sau đó điền các thông tin của project trong màn hình terminal

npm init

2. Cài đặt node sass

Để tải trình biên dịch, chúng ta sẽ cài đặt gói node-sass.

xem thêm

npm i node-sass

"scss-build": "node-sass --watch folder-parent/scss/style.scss folder-parent/css/style.css --output-style compressed"

Về đường dẫn folder thì bạn tùy chỉnh theo project của mình nhé.

Giống như vậy trong package.json

{
   “name”: “example-project”,
   “version”: “0.4.2”,
   “scripts”: {
      “start”: “node ./bin/www”,
      "scss-build": "node-sass --watch folder-parent/scss/style.scss folder-parent/css/style.css --output-style compressed"
},
   "dependencies": {
      "express": "~4.16.0",
      "express-favicon": "^2.0.1",
   }
}

Quá trình cài đặt đã xong, tiếp theo là compile