var gulp = require('gulp');
var proxy = require('http-proxy-middleware');
var browserSync = require('browser-sync');
var reload = browserSync.reload;

// 跨域设置
var jsonPlaceholderProxy = proxy('/wapi', {
	target: 'http://taojinfarm.ali181.cn//',
	changeOrigin: true,
	logLevel: 'debug'
});

// 监听文件变化自动刷新
gulp.task('reload:css', function (){
	gulp.src('./assets/css/*.css', {})
		.pipe(browserSync.reload({stream: true}));
});

gulp.task('watch', function () {
	gulp.watch('./assets/css/*.css', ['reload:css']);
	gulp.watch('./assets/js/*.js').on('change', reload);
	gulp.watch('./assets/img/*.?(png|jpg|gif|js)').on('change', reload);
	gulp.watch('./*.html').on('change', reload);
	gulp.watch('./templates/*/*.html').on('change', reload);
});

gulp.task('server', function () {
	browserSync.init({
		server: {
			baseDir: "./",
			port: 3000,
			middleware: [jsonPlaceholderProxy]
		},
		startPath: 'index.html'
	});
});

gulp.task('default', function () {
	gulp.start('server');
	gulp.start('watch');
});