gulp-rename 重新命名檔案

提供簡單的文件重命名方法

安裝 NPM

npm install gulp-rename --save-dev

https://www.npmjs.com/package/gulp-rename

他可以用在 JS 與 CSS 改名

文字檔案更名

var rename = require("gulp-rename");  //重新命名

gulp.src("./src/main/text/hello.txt")
    .pipe(rename("main/text/ciao/goodbye.md"))
    .pipe(gulp.dest("./dist"));

CSS 更名

一般都會 gulp-clean-css 一起使用

var rename = require("gulp-rename"); //重新命名

gulp.task('rename', function () { 
    return gulp.src("html/assets/css/**.css")
    .pipe(rename(function(path) {
        path.basename += ".min";
        path.extname = ".css";
    }))
    .pipe(gulp.dest('html/assets/css'));
});

執行

$ gulp rename
[17:31:07] Using gulpfile ~/gulpfile.js
[17:31:07] Starting 'rename'...
[17:31:07] Finished 'rename' after 12 ms