自动化工具Gulp 互动版

在线工具推荐: Three.js AI纹理开发包 - YOLO合成数据生成器 - GLTF/GLB在线编辑 - 3D模型格式在线转换 - 可编程3D场景编辑器

css文件压缩


  gulp-minify-css插件用来压缩css文件。

var gulp = require('gulp'),
    minifyCss = require("gulp-minify-css");

gulp.task('minify-css', function () {
    gulp.src('src/*.css') // 要压缩的css文件
    .pipe(minifyCss())    //压缩css
    .pipe(gulp.dest('dist/css'));
});
     
  1. 在project目录中,先建立一个src目录;
  2. 再建立一个1.css的文件,写入一些内容;
  3. 然后再gulpfile.js中输入以上代码保存;
  4. 然后命令行转入到project目录运行,刷新project目录看看会出现什么结果呢!