BrowserSync

Mục đích sử dụng là để browser tự động load lại trang khi có sự thay đổi file, ở đây là các file css, js, php. Developer sẽ không phải alt tab ra ngoài nhấn f5 nữa.

Cài đặt browsersync

npm install -g browser-sync

Setup file package.json

"sync": "browser-sync start --proxy \"carify-test.test\" --files \"style.css\"",

Trong đó:

— proxy là tên của website đang chạy trên local của mình, ví dụ như ở trên là carify-test.test

–files danh sách các file mà nếu thay đổi thì sẽ browsersync sẽ tự động load lại trang, ví dụ như ở trên là file style.css của theme. Có thể watch thêm file php và js, khai báo cách nhau bởi dấu phẩy: –files \”style.css, ./js/script.js, functions.php\”. Để watch tất cả các file thì thay tên file bằng dấu *: *.css, *.js, *.php

BÀI VIẾT LIÊN QUAN

Liên hệ ngay