gulp 自动压缩 css 和 js 文件

在项目目录中初始化npm,本地安装
gulp
gulp-minify-css
gulp-uglify
gulp-rename
pump
这五个插件

然后新建gulpfile.js文件,放在根目录下面,内容:

var gulp        = require('gulp'),
	minifyCss   = require('gulp-minify-css'),
	uglify  = require('gulp-uglify'),
	rename      = require('gulp-rename'),
	pump        = require('pump');

gulp.task('css', function(cb) {
	pump([
		gulp.src('src/css/*.css'),
		rename({suffix: '.min'}),
		minifyCss({
			keepSpecialComments: '*'
		}),
		gulp.dest('dist/css')
	])
});

gulp.task('js', function(cb) {
	pump([
		gulp.src('src/js/*.js'),
		rename({suffix: '.min'}),
		uglify(),
		gulp.dest('dist/js')
	])
});

接下来在命令行中使用 gulp css 来压缩 css 文件,使用 gulp js 来压缩 js 文件。

源文件在 src 文件夹中,生成文件在 dist 文件夹中。

发表评论

电子邮件地址不会被公开。 必填项已用*标注