Xây dựng Nodejs scss
|
Sass có lẽ là bộ tiền xử lý CSS phổ biến nhất; . Trong hướng dẫn nhanh này, tôi sẽ đi thẳng vào nội dung quan trọng và giải thích cách biên dịch Sass thành CSS bằng dòng lệnh Show 1. Cài đặt nút. jsĐể biên dịch Sass thông qua dòng lệnh, đầu tiên chúng ta cần cài đặt nút. js. Tải xuống từ trang web chính thức nodejs. org, hãy mở gói và làm theo hướng dẫn 2. Khởi tạo NPMNPM là Trình quản lý gói nút cho JavaScript. NPM giúp dễ dàng cài đặt và gỡ cài đặt các gói của bên thứ ba. Để khởi tạo dự án Sass với NPM, hãy mở terminal và CD (thay đổi thư mục) vào thư mục dự án của bạn Khi đã vào đúng thư mục, hãy chạy lệnh "name": "sass-tutorial",0. Bạn sẽ được nhắc trả lời một số câu hỏi về dự án, sau đó NPM sẽ tạo một tệp "name": "sass-tutorial",1 trong thư mục của bạn 3. Cài đặt Node-SassNode-sass là gói NPM biên dịch Sass thành CSS (nó cũng thực hiện rất nhanh). Để cài đặt node-sass, hãy chạy lệnh sau trong thiết bị đầu cuối của bạn. "name": "sass-tutorial",2 4. Viết lệnh Node-sassMọi thứ đã sẵn sàng để viết một tập lệnh nhỏ để biên dịch Sass. mở gói. json trong trình chỉnh sửa mã. Bạn sẽ thấy một cái gì đó như thế này 1 {
2 "name": "sass-tutorial", 3 "version": "1.0.0", 4 "name": "sass-tutorial",0 "name": "sass-tutorial",1 "name": "sass-tutorial",2 {
0{
1{
2{
3{
4{
5{
6{
7{
8{
920 21 Trong phần tập lệnh, hãy thêm lệnh scss, bên dưới lệnh kiểm tra, như được hiển thị bên dưới 1 23 2 25 3 27 4 21 Chúng ta hãy đi qua dòng này từng chữ.
Khi chúng tôi chạy tập lệnh này, nó sẽ xem mọi tệp "name": "sass-tutorial",7 trong thư mục "name": "sass-tutorial",8, sau đó lưu css đã biên dịch vào thư mục "name": "sass-tutorial",9 mỗi khi chúng tôi thay đổi tệp "name": "sass-tutorial",7 Làm cách nào để biên dịch SCSS thành CSS bằng nút js?Cách sử dụng node-sass từ Dòng lệnh và tập lệnh npm . $ nút-sass kiểu của tôi. scss kiểu của tôi. . $ node-sass my-sass-folder/ -o my-css-folder/ biên dịch tất cả các tệp trong một thư mục theo cách thủ công $ node-sass -w sass/ -o css/ tự động biên dịch tất cả các tệp trong một thư mục bất cứ khi nào (các) tệp nguồn được sửa đổi Làm cách nào để biên dịch lệnh SCSS thành CSS?Sau khi Sass được cài đặt, bạn có thể biên dịch Sass của mình thành CSS bằng cách sử dụng lệnh sass . Bạn sẽ cần cho Sass biết nên xây dựng tệp nào và xuất CSS sang đâu. Ví dụ: chạy sass input. đầu ra scss. css từ thiết bị đầu cuối của bạn sẽ lấy một tệp Sass duy nhất, đầu vào. scss và biên dịch tệp đó thành đầu ra. css.
Cách chuyển đổi SCSS sang CSS theo nútChuyển đổi Sass sang CSS trong 3 bước đơn giản . Cài đặt nút-sass. Node-sass là một thư viện tuyệt vời, nhanh chóng và đáng tin cậy cho phép chúng tôi biên dịch. tập tin scss vào. . Tạo tập lệnh npm. Trong phần tập lệnh của gói của bạn. json, hãy thêm tập lệnh scss và scss-watch biên dịch. Trong bước trước, chúng tôi giả định rằng bạn |
