正文

javascriptgulp文件模板(代码片段)

author  author  2022-12-07  324

关键词：

"use strict";

var gulp = require('gulp'),
    sass = require('gulp-sass'),
    autoprefixer = require('gulp-autoprefixer'),
    newer = require('gulp-newer'),
    sourcemaps = require('gulp-sourcemaps'),
    imagemin = require('gulp-imagemin'),
    browserSync = require('browser-sync').create(),
    reload = browserSync.reload,
    concat = require('gulp-concat'),
    uglify = require('gulp-uglify'),
    watch = require('gulp-watch'),
    imgSrc = 'assets/images/originals/*',
    imgDest = 'assets/images/';

gulp.task('browser-sync', function() 
    browserSync.init(
        proxy: "localhost:8888/<sitename goes here>/"
    );
);

gulp.task('sass', function () 
  return gulp.src('assets/sass/**/*.scss')
    .pipe(sourcemaps.init())
    .pipe(autoprefixer( browsers: ['last 2 versions'], cascade: false ))
    .pipe(sass( outputStyle:'compressed').on('error', sass.logError))
    .pipe(sourcemaps.write('./maps'))
    .pipe(gulp.dest('./'));
);


gulp.task('watch', function() 

    // Watch .scss files
    gulp.watch('assets/sass/*.scss', ['sass']).on("change", browserSync.reload);
    gulp.watch('assets/sass/**/*.scss', ['sass']).on("change", browserSync.reload);
    // Watch js directory
    gulp.watch('assets/js/**/*.js', ['js']).on("change", browserSync.reload);
    // Watch original images directory
    gulp.watch(imgSrc, ['images']).on("change", browserSync.reload);
);

gulp.task('images', function() 
    return gulp.src(imgSrc, base: 'assets/images/originals')
      .pipe(newer(imgDest))
      .pipe(imagemin( optimizationLevel: 3, progressive: true, interlaced: true ))
      .pipe(gulp.dest(imgDest));
);


var jsInput =  js: 'assets/js/dev/**/*.js' 
var jsOutput = 'assets/js/dist/';

gulp.task('js', function()
  return gulp.src(jsInput.js)
    .pipe(concat('app.min.js'))
    .pipe(uglify())
    .pipe(gulp.dest('./assets/js/dist/'))
);


gulp.task('default',['sass', 'browser-sync','watch','images', 'js']);

ide的文件和代码模板(代码片段)

设置IDE的的模板，可以在创建文件的时候，自动产生模板内容，模板里可以模板头设置：#-*-coding:utf-8-*-"""-------------------------------------------------FileName：main.pyDescription:Author:JHaodate：2017/4/1------------------------------ 查看详情

vscode自定义代码片段2——.vue文件的模板(代码片段)

.vue文件的模板 //v' //2如何自定义用户代码片段：VSCode=》左下角设置=》用户代码片段=》新建全局代码片段文件...=》自定义片段名称=》编辑用户片段=》ctrl+S保存 //.vue文件的模板 "Printtoconsole": &#... 查看详情

正文

javascriptgulp文件模板(代码片段)

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

javascriptgulp文件新(代码片段)

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

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

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

javascriptgulp(代码片段)

javascriptgulp+browsersync(代码片段)

javascriptgulp编译typescript(代码片段)

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

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

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

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

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

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

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

rubygeoblacklight模板文件(代码片段)

ide的文件和代码模板(代码片段)

vscode自定义代码片段2——.vue文件的模板(代码片段)