任何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/'));
}