javascript - Apabila servis gulp bermula, halaman tidak boleh dibuka dan terdapat ralat memuatkan? Saya mahu melaksanakan penyegaran automatik jam tangan gulp.
过去多啦不再A梦
过去多啦不再A梦 2017-05-19 10:18:48
0
1
616

Kod gulpfile.js adalah seperti berikut


var gulp = require('gulp');
var $ = require('gulp-load-plugins')();//这样就可以直接引用$变量,不需要声明
var open = require('open');
// const gulp = require('gulp');
// const imagemin = require('gulp-imagemin');

var app = {
    srcPath:'src/',
    devPath:'build/',
    prdPath:'dist/'
};

//放置依赖
gulp.task('lib',function () {
    gulp.src('bower_components/**/*.js')
        .pipe(gulp.dest(app.devPath + 'vendor'))
        .pipe(gulp.dest(app.prdPath + 'vendor'))
        .pipe($.connect.reload());
});

gulp.task('html',function () {
gulp.src(app.srcPath + '**/*.html')
    .pipe(gulp.dest(app.devPath))
    .pipe(gulp.dest(app.prdPath))
    .pipe($.connect.reload());
});

gulp.task('json',function () {
    gulp.src(app.srcPath + 'data/**/*.json')
        .pipe(gulp.dest(app.devPath + 'data'))
        .pipe(gulp.dest(app.prdPath + 'data'))
        .pipe($.connect.reload());
});

gulp.task('less',function () {
    gulp.src(app.srcPath + 'style/index.less')
        .pipe($.less())
        .pipe(gulp.dest(app.devPath + 'css'))
        .pipe($.cssmin())//压缩
        .pipe(gulp.dest(app.prdPath + 'css'))
        .pipe($.connect.reload());
});

gulp.task('js',function () {
    gulp.src(app.srcPath + 'script/**/*.js')
        .pipe($.concat('index.js'))
        .pipe(gulp.dest(app.devPath + 'js'))
        .pipe($.uglify())
        .pipe(gulp.dest(app.prdPath + 'js'))
        .pipe($.connect.reload());
});

gulp.task('image',function () {
    gulp.src(app.srcPath + 'image/**/*')
        .pipe(gulp.dest(app.devPath + 'image'))
        .pipe($.imagemin())
        .pipe(gulp.dest(app.prdPath + 'image'))
        .pipe($.connect.reload());
});

gulp.task('build',['image','js','less','json','html','lib']);

// gulp.task('clean',function () {
//     gulp.src([app.devPath,app.prdPath])
//         .pipe($.clean());
// });

gulp.task('serve',['build'],function () {
    $.connect.server({
        root:'./',
        livereload:true,
        port:3000
    });
    open('http://localhost:3000');
});

gulp.task('watch',function () {
    gulp.watch('bower_components/**/*',['lib']);
    gulp.watch(app.srcPath + '**/*.html',['html']);
    gulp.watch(app.srcPath + 'data/**/*.json',['json']);
    gulp.watch(app.srcPath + 'style/**/*.less',['less']);
    gulp.watch(app.srcPath + 'script/**/*.js',['js']);
    gulp.watch(app.srcPath + 'image/**/*',['image']);
});


gulp.task('default',['watch','serve']);//默认任务

Adakah terdapat sesuatu yang salah dengan konfigurasi pelayan saya?
Menggunakan pelayar Firefox. . Ia sepatutnya versi terkini. . Tolong bantu
Masalah sebelum ini belum selesai Imagemin tidak boleh memampatkan imej saya menulisnya dalam soalan lain

Cuba tukar punca servis kepada [app.srcPath]. Halaman indeks boleh dibuka, tetapi ia tidak boleh dimuat semula secara automatik

Terdapat juga laporan ralat. . . . Port yang dibuka oleh pelayan juga tidak betul. .


过去多啦不再A梦
过去多啦不再A梦

membalas semua(1)
迷茫

Adakah kod halaman html dibalut dengan tag badan?

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan