本地传统多页面开发,自动刷新页面部署方案!
前提:安装了node
1.安装gulp browser-sync
$ npm install browser-sync gulp --save-dev
2.在系统根目录下加一个文件gulpfile.js
// 这是一个完整的配置文件!
var gulp = require('gulp');
// 创建一个Browsersync实例
var bs = require("browser-sync").create();
bs.watch("addons/onsp_lhj/template/**/*.*").on("change", bs.reload); //加载html
bs.watch("addons/onsp_lhj/controller/**/*.*").on("change", bs.reload);//加载php
// 代理.
gulp.task('browser-sync', function() {
// 开始一个Browsersync代理
bs.init({
proxy: "http://wq.laocaojia.net" //本地虚拟目录
});
});
3.cmd 执行 glup browser-sync
4.最重要一点.我们需要加一个js在<body>里面;(这可可能是自动注入的,如果不自动注入,咱们自己加一个试试;)
<script id="__bs_script__">//<![CDATA[
document.write("<script async src='http://localhost:3000/browser-sync/browser-sync-client.js?v=2.26.3'><\/script>".replace("HOST", location.hostname));
//]]></script>