브라우저를 통해 꿀꺽 꿀꺽 마시고 두 파일 모두보기

Question

문제가 있습니다. 내 자신의 gulpfile을 만들고 모두 잘 작동하지만 모듈을 사용하려면 browserify를 추가하고 싶지만 이것을보고 싶다. 당신은 너무 멋져 내 gulpfile에서 지켜 볼 수 있다면 내가 browserify보고 서브 작업의 어딘가에 추가 할 수 있다고? 아니면이 문제에 대한 더 나은 해결책이 있습니까?

var gulp = require('gulp'); 
var browserSync = require('browser-sync'); 
var sass = require('gulp-sass'); 
var sourcemaps = require('gulp-sourcemaps'); 
var autoprefixer = require('gulp-autoprefixer'); 
var cleanCSS = require('gulp-clean-css'); 
var uglify = require('gulp-uglify'); 
var htmlReplace = require('gulp-html-replace'); 
var htmlMin = require('gulp-htmlmin'); 

var config = { 
    dist:'dist/', 
    src:'src/', 
    htmlIn:'src/*.html', 
    cssIn:'src/css/**/*.css', 
    jsIn:'src/script/**/*.js', 
    scssIn:'src/scss/**/*.scss', 
    cssOut:'dist/css', 
    jsOut:'dist/script', 
    scssOut:'src/css', 

} 

gulp.task('reload',function(){ 
    browserSync.reload(); 
}); 



gulp.task('serve', ['sass','scripts'], function(){ 

    browserSync({ 
    server:config.src, 
    port:5050 
    }); 

    gulp.watch([config.htmlIn, config.jsIn], ['reload']); 
    gulp.watch(config.scssIn, ['sass']); 
}) 

gulp.task('sass', function(){ 
    return gulp.src(config.scssIn) 
    .pipe(sourcemaps.init()) 
    .pipe(sass().on('error', sass.logError)) 
    .pipe(autoprefixer({ 
    browsers:['last 3 versions'] 
    })) 
    .pipe(sourcemaps.write()) 
    .pipe(gulp.dest('src/css')) 
    .pipe(browserSync.stream()); 
}) 

gulp.task('mincss',function(){ 
    return gulp.src(config.cssIn) 
    .pipe(cleanCSS()) 
    .pipe(gulp.dest(config.cssOut)) 
}) 

gulp.task('minjs',function(){ 
    return gulp.src(config.jsIn) 
    .pipe(uglify()) 
    .pipe(gulp.dest(config.jsOut)); 
}) 


gulp.task('default', ['serve']); 

Answer 1

브라우저를 추가로 gulp watch을 추가하십시오.

gulp.watch(config.jsIn, ['browserify']);