Javascript 如何设置实时重新加载的gulp文件
我正在尝试添加几个吞咽任务。我有一个基本的HTML网站,我想看的变化和重新加载与更新的变化。我试着用livereload来倾听和改变。但是,当它重新加载时,我得到一个错误,该端口已经在使用中,这是有意义的。但我找不到解决办法。第一次使用Gulp,所以任何关于我做得更好的提示都是受欢迎的Javascript 如何设置实时重新加载的gulp文件,javascript,html,gulp,Javascript,Html,Gulp,我正在尝试添加几个吞咽任务。我有一个基本的HTML网站,我想看的变化和重新加载与更新的变化。我试着用livereload来倾听和改变。但是,当它重新加载时,我得到一个错误,该端口已经在使用中,这是有意义的。但我找不到解决办法。第一次使用Gulp,所以任何关于我做得更好的提示都是受欢迎的 var gulp = require('gulp'); var livereload = require('gulp-livereload'); var rev = require('gulp-rev')
var gulp = require('gulp');
var livereload = require('gulp-livereload');
var rev = require('gulp-rev');
var clean = require('gulp-rimraf');
var runSequence = require('run-sequence').use(gulp);
var connect = require('gulp-connect');
gulp.task('build', function () {
// by default, gulp would pick `assets/css` as the base,
// so we need to set it explicitly:
return gulp.src(['assets/css/*.css','assets/css/**/*.css', 'assets/js/*.js', 'assets/js/**/*.js', 'assets/js/**/**/*.js', 'assets/img/**/*.jpg', 'assets/img/**/*.png'], { base: 'assets' })
.pipe(gulp.dest('build/assets')) // copy original assets to build dir
.pipe(rev())
.pipe(gulp.dest('build/assets')) // write rev'd assets to build dir
.pipe(rev.manifest())
.pipe(gulp.dest('build/assets')); // write manifest to build dir
});
gulp.task('copy', function () {
gulp.src('index.html')
.pipe(gulp.dest('build'));
gulp.src('assets/fonts/*.*')
.pipe(gulp.dest('build/assets/fonts'));
gulp.src('assets/fonts/revicons/*.*')
.pipe(gulp.dest('build/assets/fonts/revicons'));
});
gulp.task('clean', [], function() {
return gulp.src("build/*", { read: false }).pipe(clean());
});
gulp.task('watch', function () {
livereload.listen(35729, function(err) {
if(err) return console.log(err);
})
gulp.watch(['index.html', 'assets/css/*.css','assets/css/**/*.css', 'assets/js/*.js', 'assets/js/**/*.js', 'assets/js/**/**/*.js', 'assets/img/**/*.jpg', 'assets/img/**/*.png'], [], function (e) {
livereload.changed(e.path, 35729)
});
});
gulp.task('connect', function() {
connect.server({
host: '0.0.0.0',
root: 'build',
port: 8000,
livereload: true
});
});
gulp.task('default', function() {
runSequence(
'dist',
['connect', 'watch']
);
});
gulp.task('dist', ['clean'], function () {
gulp.start('build');
gulp.start('copy');
});
您可能需要在主机上检查端口-35729上是否运行了任何进程。您可以终止该进程并尝试重新运行此应用程序 或 您可以在代码中尝试使用不同于35729的端口号
希望这会有所帮助。您可能需要在主机上检查端口-35729上是否运行了任何进程。您可以终止该进程并尝试重新运行此应用程序 或 您可以在代码中尝试使用不同于35729的端口号 希望这会有所帮助