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”