首页 > 其他 > 详细

Gulp 笔记

时间:2019-09-19 15:16:03      阅读:80      评论:0      收藏:0      [点我收藏+]

场景:

删除之前生成的dev下代码,将html img压缩,js css压缩合并;

遇到三个问题,整理如下:

1.Gulp 4.0 

  1.1 gulp-sequence
 
  gulp4.0不支持gulp-sequence,采用了gulp.series让task顺序执行,更加简单;
 
  异步就采用gulp.parallel拉;
let prod = gulp.series(cleanprod, minifyimgprod, minifyhtmlprod, gulp.parallel(minifycssprod, minifyjsprod));

   1.2 task

// 3.x的写法如下
gulp.task(‘a‘, function () {
  // Do something.
});

// 如果4.0这样写会报如下错误
// assert.js:85
// throw new assert.AssertionError({
// ^
// AssertionError: Task function must be specified


// 4.0采用这样的写法;函数名就是task名
// 压缩,合并 js
function minifyjsprod() {
     return gulp.src(‘xxx/**/*.js‘)      // 需要操作的文件
    .pipe(babel({
        presets: [‘@babel/env‘]
        }))
    .pipe(jshint()) // 语法检查
    .pipe(jshint.reporter(‘default‘))
    .pipe(concat(‘main.min.js‘))   // 合并JS并重命名
    .pipe(uglify())    // 压缩
    .pipe(gulp.dest(‘xx/js/‘));  // 输出,(如果没有这个目录,会自动创建)
};

  

2. 压缩图片

出现以下错误

技术分享图片

解决方案:npm install optipng-bin 就好拉

Gulp 笔记

原文:https://www.cnblogs.com/ljyqd/p/11549732.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!