正文

javascriptgulp(代码片段)

author  author  2022-12-06  527

关键词：

// Load gulp plugins with 'require' function of nodejs
var gulp    = require('gulp'),
plumber     = require('gulp-plumber'),
gutil       = require('gulp-util'),
uglify      = require('gulp-uglify'),
concat      = require('gulp-concat'),
rename      = require('gulp-rename'),
minifyCSS   = require('gulp-minify-css'),
less        = require('gulp-less'),
path        = require('path');

// Handle less error
var onError = function (err) 
  gutil.beep();
  console.log(err);
;

// Path configs
var css_files = 'assets/css/*.css', // .css files
css_path      = 'assets/css', // .css path
js_files      = 'assets/js/*.js', // .js files
less_file     = 'assets/less/style.less', // .less files
less_path     = 'assets/less/*.less',
dist_path     = 'assets/dist';

//Extension config
var extension = 'html';


/***** Functions for tasks *****/
function js() 
  return gulp.src(js_files)
      .pipe(plumber(
        errorHandler: onError
      ))
      .pipe(concat('dist'))
      .pipe(rename('concat.min.js'))
      .pipe(uglify())
      .pipe(gulp.dest(dist_path));


function css() 
  return gulp.src(css_files)
      .pipe(concat('dist'))
      .pipe(rename('all.min.css'))
      .pipe(minifyCSS(keepBreaks:false, keepSpecialComments: false))
      .pipe(gulp.dest(dist_path));


function lessTask(err) 
  return gulp.src(less_file)
      .pipe(plumber(
        errorHandler: onError
      ))
      .pipe(less( paths: [ path.join(__dirname, 'less', 'includes') ] ))
      .pipe(gulp.dest(css_path));


// The 'js' task
gulp.task('js', function() 
  return js();
);

// The 'css' task
gulp.task('css', function()
  return css();
);

// The 'less' task
gulp.task('less', function()
  return lessTask();
);


// The 'default' task.
gulp.task('default', function() 
  gulp.watch(less_path, function() 
    return lessTask();
  );

  gulp.watch(css_files, function() 
    console.log('CSS task completed!');
    return css();
  );

  gulp.watch(js_files, function() 
    console.log('JS task completed!');
    return js();
  );
);

正文

javascriptgulp(代码片段)

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模板，用于多个任务文件(代码片段)

markdowngit代码片段(代码片段)

csharp代码片段(代码片段)

javascript代码片段(代码片段)