使用Yeoman Gulp-Angular 搭建了一个新项目。
我了解 BrowserSync 的前提,但坦率地说,我无法理解任何人如何容忍他们的网络请求被以下内容淹没:
我想立即从我的项目中删除 BrowserSync。
如何更正以下代码以gulp serve
执行与预览非缩小src
文件相同的功能,但没有 BrowserSync?
这是我的当前,由gulp-angulargulp/server.js
生成的默认值:
'use strict';
var gulp = require('gulp');
var browserSync = require('browser-sync');
var browserSyncSpa = require('browser-sync-spa');
var util = require('util');
var middleware = require('./proxy');
module.exports = function(options) {
function browserSyncInit(baseDir, browser) {
browser = browser === undefined ? 'default' : browser;
var routes = null;
if(baseDir === options.src || (util.isArray(baseDir) && baseDir.indexOf(options.src) !== -1)) {
routes = {
'/bower_components': 'bower_components'
};
}
var server = {
baseDir: baseDir,
routes: routes
};
if(middleware.length > 0) {
server.middleware = middleware;
}
browserSync.instance = browserSync.init({
startPath: '/',
server: server,
browser: browser,
online: false,
notify: false,
open: false,
ui: false
});
}
browserSync.use(browserSyncSpa({
selector: '[ng-app]'// Only needed for angular apps
}));
gulp.task('serve', ['watch'], function () {
browserSyncInit([options.tmp + '/serve', options.src]);
});
gulp.task('serve:dist', ['build'], function () {
browserSyncInit(options.dist);
});
gulp.task('serve:e2e', ['inject'], function () {
browserSyncInit([options.tmp + '/serve', options.src], []);
});
gulp.task('serve:e2e-dist', ['build'], function () {
browserSyncInit(options.dist, []);
});
};
而我当前,由gulp-angulargulp/watch.js
生成的默认值:
'use strict';
var gulp = require('gulp');
var browserSync = require('browser-sync');
function isOnlyChange(event) {
return event.type === 'changed';
}
module.exports = function(options) {
gulp.task('watch', ['markups', 'inject'], function () {
gulp.watch([options.src + '/*.html', 'bower.json'], ['inject']);
gulp.watch([
options.src + '/app/**/*.css',
options.src + '/app/**/*.less'
], function(event) {
if(isOnlyChange(event)) {
gulp.start('styles');
} else {
gulp.start('inject');
}
});
gulp.watch(options.src + '/app/**/*.js', function(event) {
if(isOnlyChange(event)) {
gulp.start('scripts');
} else {
gulp.start('inject');
}
});
gulp.watch(options.src + '/app/**/*.jade', ['markups']);
gulp.watch(options.src + '/app/**/*.html', function(event) {
browserSync.reload(event.path);
});
});
};