gulp 外挂 rename 的使用

安装和使用就不详细说了。前面有。

gulpfile.js 的配置

var gulp = require(‘gulp‘),
    rename = require(‘gulp-rename‘),    // 记得先下载插件哦
    uglify = require("gulp-uglify");

gulp.task(‘rename‘, function () {
    gulp.src(‘src/js/main.js‘)
    .pipe(uglify())  //压缩
    .pipe(rename(‘main.min.js‘)) //会将main.js重命名为main.min.js
    .pipe(gulp.dest(‘dist/js‘));
    //关于gulp-rename的更多强大的用法请参考https://www.npmjs.com/package/gulp-rename
});

cmd 根目录执行  gulp rename  就可以看到压缩 并且重新命名啦

  ==》 

如果继续修改main.js  然后执行rename   会更新main.min.js

时间: 2024-10-16 15:02:14

gulp 外挂 rename 的使用的相关文章

转:Gulp使用指南

原文来自于:http://www.techug.com/gulp Grunt靠边,全新的建构工具来了.Gulp的code-over-configuration不只让撰写任务(tasks)更加容易,也更好阅读及维护. Glup使用node.js串流(streams)让建构更快速,不须写出资料到硬盘的暂存档案/目录.如果你想了解更多有关串流–虽然不是必须的–你可以阅读这篇文章.Gulp利用来源档案当作输入,串流到一群外挂(plugins),最后取得输出的结果,并非配置每一个外挂的输入与输出–就像Gr

gulp的简单使用(MAC OX 系统)

1.gulp的安装 首先确保你已经正确安装了nodejs环境.然后以全局方式安装gulp: sudo npm install -global gulp-cli 全局安装gulp后,还需要在每个要使用gulp的项目中都单独安装一次.把目录切换到你的项目文件夹中,然后在命令行中执行: npm install gulp 如果想在安装的时候把gulp写进项目package.json文件的依赖中,则可以加上--save-dev:(可以不执行) npm install --save-dev gulp 这样就

Gulp使用指南

Grunt靠边,全新的建构工具来了.Gulp的code-over-configuration不只让撰写任务(tasks)更加容易,也更好阅读及维护. Glup使用node.js串流(streams)让建构更快速,不须写出资料到硬盘的暂存档案/目录.如果你想了解更多有关串流–虽然不是必须的–你可以阅读这篇文章.Gulp利用来源档案当作输入,串流到一群外挂(plugins),最后取得输出的结果,并非配置每一个外挂的输入与输出–就像Grunt.让我们来看个范例,分别在Gulp及Grunt建构Sass:

gulp不完全入门教程

引言 gulp 是基于 Nodejs 的自动任务运行器,能自动化地完成javascript/coffee/sass/less/html/image/css等文件的的测试.检查.合并.压缩.格式化.浏览器自动刷新.部署文件生成,并监听文件在改动后重复指定的这些步骤.在实现上,gulp 借鉴了Unix操作系统的管道(pipe)思想,前一级的输出,直接变成后一级的输入,使得在操作上非常简单. 一.安装Gulp gulp 是基于 Nodejs 的自动任务运行器,所以安装gulp之前要先安装node.js

Cordova中使用gulp

打开package.json,添加main:gulpfile.js ? ? 在dependencies中添加gulp,vs2015十分智能,可以智能从npm中获取依赖如下图: ? ? 在添加过程中注意查看输出,如下图 ? ? 如果提示node js或者npm版本过低需要更新,如果更新后还是过低需要调整vs2015设置如下,取消使用沙盒版本. ? ? 添加完毕后的依赖项显示如下: ? ? ? ? 打开gulpfile.js编写如下代码,意在改名和压缩js. var gulp = require("

【Gulp】---学习笔记

·Grunt与Gulp Grunt主要是以文件为媒介来运行它的工作流的,比如在Grunt中执行完一项任务后,会把结果写入到一个临时文件中,然后可以在这个临时文件内容的基础上执行其它任务,执行完成后又把结果写入到临时文件中,然后又以这个为基础继续执行其它任务...就这样反复下去. Gulp中,使用的是Nodejs中的stream(流),首先获取到需要的stream,然后可以通过stream的pipe()方法把流导入到你想要的地方,比如Gulp的插件中,经过插件处理后的流又可以继续导入到其他插件中,

构建工具Gulp

前面的话 与grunt类似,gulp也是构建工具,但相比于grunt的频繁IO操作,gulp的流操作能更快更便捷地完成构建工作.gulp借鉴了Unix操作系统的管道(pipe)思想,前一级的输出,直接变成后一级的输入,使得在操作上非常简单.通过本文,我们将学习如何使用Gulp来改变开发流程,从而使开发更加快速高效 入门 如果会使用grunt,则gulp学起来,并不困难.主要包括以下几步 1. 全局安装 gulp $ npm install --global gulp 2. 作为项目的开发依赖(d

gulp 插件之 gulp-load-plugins

gulp-load-plugins 的简介: 由于我们项目中有时候会用到很多插件,如果都用 require 进来,我们势必得写很多行 require 代码,虽然这样没问题,但是会显得很冗长,所以 gulp-load-plugins 插件应运而生.gulp-load-plugins 在我们需要用到某个插件的时候,才去加载那个插件,并不是一开始就全部加载进来.因为 gulp-load-plugins 是依赖 package.json 文件来加载插件的,所以请确保你需要的插件已经加入 package.

gulp进阶构建项目由浅入深

阅读目录 gulp基本安装和使用 gulp API介绍 Gulp.src(globs[,options]) gulp.dest(path[,options]) gulp.task(name[,deps],fn); gulp.watch(glob[,opts],tasks) gulp一些常用插件 gulp-rename(重命名) gulp-uglify(JS压缩) gulp-minify-css(css文件压缩) gulp-minify-html(html压缩) gulp-concat(JS文件合