gulp插件(6) - gulp-rename(文件更名)

<pre>

功能描述

修改文件名,例如将demo.css修改为demo.min.css,一般配合gulp-minify-css/gulp-uglify压缩插件一起使用


插件安装

$ cnpm install gulp-rename --save-dev

使用方法

例1:与插件gulp-clean-css(不会用?请参考)组合使用,实现对CSS文件压缩后更名为 xxx.min.css

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

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

例2:与插件gulp-uglify(不会用?请参考)组合使用,实现对JS文件压缩后更名为 xxx.min.js

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

gulp.task('testRenameJs', function(cb) {
    pump([
        gulp.src('src/js/*.js'),
        rename({suffix: '.min'}),
        uglify(),
        gulp.dest('dist/js')
    ])
});
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • gulpjs是一个前端构建工具,与gruntjs相比,gulpjs无需写一大堆繁杂的配置参数,API也非常简单,学...
    依依玖玥阅读 8,404评论 7 55
  • 1、gulp的安装 首先确保你已经正确安装了nodejs环境。然后以全局方式安装gulp: npm install...
    F_imok阅读 6,974评论 1 11
  • 对网站资源进行优化,并使用不同浏览器测试并不是网站设计过程中最有意思的部分,但是这个过程中的很多重复的任务能够使用...
    懵逼js阅读 4,728评论 0 8
  • gulpjs是一个前端构建工具,与gruntjs相比,gulpjs无需写一大堆繁杂的配置参数,API也非常简单,学...
    井皮皮阅读 5,092评论 0 10
  • 左脸美丽i阅读 1,877评论 6 4

友情链接更多精彩内容