BrowserSync 页面自动重载工具
网站前端开发过程中,每一次修改代码,都要手动刷新浏览器才能看到页面的变化。有了 LiveReload 工具就通过程序维护一个本地的静态服务器,实现静态资源变化,浏览器自动重新刷新的功能。
Python 下面有个名为 httpwatcher 工具,直接在静态资源根目录执行 httpwatcher
就可以实现页面变更自动刷新。
刚刚又找到一个 NodeJS 环境下的实现 BrowserSync,可以和 gulp 混合使用,相比要更灵活。
安装
Linux 环境下以普通用户身份安装时通常需要 sudo
,因为模块默认会存放在 /usr/lib/node_modules
目录,另外还需要创建软连接到 /usr/bin
目录,普通用户没有这些权限。
$ sudo npm install -g browser-sync
快速使用
静态站点
$ browser-sync start --server --files "css/*.css"
动态站点
$ browser-sync start --proxy "myproject.dev" --files "css/*.css"
如果目录中有 index.html
$ browser-sync -w