PHPer 学习React 之路--browser-sync篇

xiaoxiao2021-02-28  41

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”

转载请注明原文地址: https://www.6miu.com/read-2624048.html

最新回复(0)