正文

javascriptgulp+browsersync(代码片段)

author  author  2022-12-06  682

关键词：

var gulp = require('gulp'),
    sass = require('gulp-sass'),
    concat = require('gulp-concat'),
    browserSync = require('browser-sync').create();
    


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

    browserSync.init(
        proxy: "http://daf.test"
    );

    gulp.watch("./wp-content/themes/twentyseventeen-child/scss/**/*.scss", ['sass']);
    gulp.watch('./wp-content/themes/twentyseventeen-child/**/*.php').on('change', browserSync.reload);
    // gulp.watch("app/*.html").on('change', browserSync.reload);
);

// Compile sass into CSS & auto-inject into browsers
gulp.task('sass', function() 
    return gulp.src("./wp-content/themes/twentyseventeen-child/scss/index.scss")
        .pipe(sass(
            'outputStyle': 'compressed'
        ))
        .pipe(concat('style.css'))
        .pipe(gulp.dest('./wp-content/themes/twentyseventeen-child/'))
        .pipe(browserSync.stream());
);

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

正文

javascriptgulp+browsersync(代码片段)

javascriptgulp文件模板(代码片段)

javascriptgulp-示例文件(代码片段)

javascriptgulp文件新(代码片段)

javascriptgulp文件引导程序(代码片段)

javascriptgulp编译typescript(代码片段)

javascriptgulp：简单的scss处理(代码片段)

javascriptgulp.js工作流程(代码片段)

javascriptgulp4示例gulpfile.js(代码片段)

javascriptgulp文件优化js，css和图像(代码片段)

javascriptgulp＃4.0：简单的gulpfile.js集合(代码片段)

javascriptgulp：在浏览器同步中使用ngrok(代码片段)

javascriptgulp，scss，es6，babel，browserify(代码片段)

javascriptgulp任务解决shopify中导入sass文件的问题(代码片段)

javascriptgulp4配置sass，postcss，autoprefixer，cssnano，sourcemaps(代码片段)

javascriptgulp4-具有外部配置的多文件任务。使用gulp-load-plugins的基本gulpfile模板，用于多个任务文件(代码片段)