Gulp 吞咽:缩小和取消缩小任务
我是新手,所以我不知道有多少好的gulp插件。我用gulp及其插件编写了一个缩小js、css和html的代码,效果很好。但现在我被困在未统一的代码中。我不知道应该使用哪些插件,哪些插件可以轻松地取消代码统一 guplfile.js:Gulp 吞咽:缩小和取消缩小任务,gulp,gulp-uglify,Gulp,Gulp Uglify,我是新手,所以我不知道有多少好的gulp插件。我用gulp及其插件编写了一个缩小js、css和html的代码,效果很好。但现在我被困在未统一的代码中。我不知道应该使用哪些插件,哪些插件可以轻松地取消代码统一 guplfile.js: var gulp = require('gulp'), uglify = require('gulp-uglify') htmlmin = require('gulp-html-minifier') csso = require('gulp-
var gulp = require('gulp'),
uglify = require('gulp-uglify')
htmlmin = require('gulp-html-minifier')
csso = require('gulp-csso');
gulp.task('min_js', function () {
gulp.src('app/**/*.js')
.pipe(uglify())
.pipe(gulp.dest('min'))
});
gulp.task('min_html', function () {
gulp.src('app/**/*.html')
.pipe(htmlmin({ collapseWhitespace: true }))
.pipe(gulp.dest('min'))
});
gulp.task('min_css', function () {
gulp.src('app/**/*.css')
.pipe(csso())
.pipe(gulp.dest('min'))
});
gulp.task('minify_all', ['min_js', 'min_html', 'min_css']);
//pending
//gulp.task('unminify',[]);
丑化/缩小是为了生产,您不应该在开发时丑化代码(测试目的除外)。
当你开始吞咽任务时,你必须确保你的“工作代码”中有一部分,你将转换成“目标代码” 进行此操作时:
gulp.task('min_js', function () {
gulp.src('app/**/*.js')
.pipe(uglify())
.pipe(gulp.dest('min'))
});
您正在处理的代码位于app
文件夹中,转换后的代码位于min
文件夹中(它是目标文件夹)。但是,如果在开发中也使用了
min
目录,只需在开发中禁用uglify
任务即可(更容易调试非uglifyied文件)。无需取消缩小您的源文件大小,在
app
文件夹中仍然存在源文件。?未统一的版本仍在您的“应用程序”文件夹中。那可不好啊??它们没有被修改。