PHPer 學習React 之路--browser-sync篇

1. browser-sync  前端測試工具,類似一個服務器;通過命令來啓動一個服務,監聽文件的變化,並動態更新頁面

2 . browser-sync 

(1)全局安裝: npm  install -g  browser-sync

(2)局部安裝(在項目中安裝)npm  install  browser-sync  --save

(3)啓動一個進程,去監聽前端文件的變化:

browser-sync  start  --server  --files  "**/app/*.js , ./main/*.html"   多個文件用逗號隔開

簡單的說就是會監聽該目錄下的html,css,js變化,然後自動刷新頁面

(4)注意:啓動的進程,默認佔用的端口是3000;

(5)如果browser-sync結合jspm使用的話,注意修改config.js 配置文件中的baseURL選項

    如 : localhost:3000  訪問的是項目根目錄下的index.html文件   baseURL爲 “/”

    localhost:3000/public  訪問根目錄下的public目錄下的index.html      baseURL 爲 “/public”


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章