gulp学习记录

任何Cant find modulke 'gulp-xxx'

使用npm install gulp-xxx --save-dev 方式安装

const xxx =require('gulp-xxx')

xxx就能用了

例如读取一个文件夹的,js 压缩处理 使用uglify()

要先这样安装

npm install gulp-uglify --save-dev

npm install gulp-rename --save-dev

代码例子：

const fs = require('fs');
const {src,dest} = require('gulp')
const babel = require('gulp-babel')
const uglify = require('gulp-uglify')
const rename =  require('gulp-rename')

exports.default = function(){
    return src('testA/*.js')
    .pipe(babel())
    .pipe(src('testB/*.js'))
    .pipe(dest('output/'))
    .pipe(uglify())
    .pipe(rename({extname:'.min.js'}))
    .pipe(dest('output/'));
}

创建一个流读取文件夹下*.js文件 压缩 并且改名 输出到创建的output文件夹里

常用插件：

const del = require('delete'); //删除

babel   //es5 es6转换

rename //改名

uglify //压缩

src dest pipe  读取 输出  流管道

if //条件判断

const { src, dest } = require('gulp');

const gulpif = require('gulp-if');

const uglify = require('gulp-uglify');

function isJavaScript(file) {

// 判断文件的扩展名是否是 '.js' return file.extname === '.js';

}

exports.default = function() { // 在同一个管道（pipeline）上处理 JavaScript 和 CSS 文件

return src(['src/*.js', 'src/*.css']) // 只对 JavaScript 文件应用 gulp-uglify 插件 .pipe(gulpif(isJavaScript, uglify())) .pipe(dest('output/'));

}