*/ // 引入 gulp var gulp = require('gulp'); // 引入组件 // 保证在当前项目目录下曾经运行过: // npm install gulp-uglify gulp-rename save-dev // var jshint = require('gulp-jshint'); var babel = require("gulp-babel"); var rename = require('gulp-rename = require('gulp'); // 引入组件 // 保证在当前项目目录下曾经运行过: // npm install gulp-jshint gulp-concat gulp-uglify gulp-rename "); var concat = require('gulp-concat'); var uglify = require('gulp-uglify'); var rename = require('gulp-rename
1.1.2", "gulp-concat": "^2.6.1", "gulp-cssnano": "^2.1.3", "gulp-imagemin": "^6.0.0", "gulp-rename 1.1.2", "gulp-concat": "^2.6.1", "gulp-cssnano": "^2.1.3", "gulp-imagemin": "^6.0.0", "gulp-rename 文件 gulp.js var gulp = require("gulp"); var cssnano = require("gulp-cssnano"); var rename = require("gulp-rename images')); }); var gulp = require("gulp"); var cssnano = require("gulp-cssnano"); var rename = require("gulp-rename
在dist文件夹的css文件夹生成了index.css *{margin:0;padding:0}p{color:red} gulp 修改压缩的文件名 npm install gulp-rename require('gulp'); // 需要先安装gulp-cssnano var cssnano = require('gulp-cssnano'); var rename = require('gulp-rename ; } return fibarr; } gulpfile.js代码修改如下 var gulp = require('gulp'); var rename = require('gulp-rename save-dev 新建html文件夹在新建index.html gulpfile.js代码修改如下 var gulp = require('gulp'); var rename = require('gulp-rename
/style.less') .pipe(less()) //less编译 .pipe(gulp.dest('dist/css')); //编译为同名的文件,不需要单独命名样式文件 }); gulp-rename 模块地址:https://www.npmjs.com/package/gulp-rename/ 安装 $ npm install gulp-rename --save-dev 使用场景: 使用 var rename = require('gulp-rename'); gulp.src(". 使用 var $ = require('gulp-load-plugins')(); $.rename //等效于下面的写法 var rename=require('gulp-rename');
代码检测插件: npm install gulp-jslint –save-dev 压缩文件插件: npm install gulp-uglify –save-dev 重名名插件: npm install gulp-rename "), jshint = require("gulp-jshint"), uglify = require("gulp-uglify"), rename = require("gulp-rename
在合并后进行压缩,在合并的文件common.js若再次更改,则继续压缩 执行.pipe(uglify()) 随后在cmd命令行输入 gulp watchall 进行监听 ⑤ 重命名(js文件) 使用gulp-rename 插件 在cmd命令行输入 npm install gulp-rename –save-dev //安装gulp-rename 插件 待安装完成后 在gulpfile.js的文件中输入const rename = require(“gulp-rename”); 后继续在gulpfile.js的文件中输入如下所示 (接着上面的合并) 随后再次启动监听 在cmd命令行输入** gulp
/dest/css/")) done(); }) 4.修改文件名 安装插件 npm install gulp-rename --save-dev gulpfile.js var cssnano = require("gulp-cssnano") var rename = require("gulp-rename") gulp.task("css",done =>{ gulp.src ,'auto')); var gulp = require("gulp"); var cssnano = require("gulp-cssnano"); var rename = require("gulp-rename
install 安装所需要的依赖包 cnpm install gulp-connect --save-dev cnpm install gulp-concat --save-dev cnpm install gulp-rename '); var uglify = require('gulp-uglify'); var concat = require('gulp-concat'); var rename = require("gulp-rename
1.3.1", "gulp-connect": "^5.5.0", "gulp-cssnano": "^2.1.3", "gulp-imagemin": "^4.1.0", "gulp-rename gulp监听任务 依赖包引用 var gulp=require('gulp'); var cssnano=require('gulp-cssnano'); var rename=require('gulp-rename
gulp-sass gulp-autoprefixer gulp-minify-css gulp-css-spriter gulp-jshint gulp-uglify gulp-imagemin gulp-rename gulp-sass gulp-autoprefixer gulp-minify-css gulp-css-spriter gulp-jshint gulp-uglify gulp-imagemin gulp-rename require('gulp-uglify'),//压缩js 13 imagemin = require('gulp-imagemin'),//压缩图片 14 rename = require('gulp-rename
例如假设你的package.json文件里的依赖是这样的: { "devDependencies": { "gulp": "~3.6.0", "gulp-rename": "~1.2.0 实质上gulp-load-plugins是为我们做了如下的转换 plugins.rename = require('gulp-rename'); plugins.rubySass = require(' 4.2 重命名 使用gulp-rename 安装:npm install --save-dev gulp-rename 用来重命名文件流中的文件。 用gulp.dest()方法写入文件时,文件名使用的是文件流中的文件名,如果要想改变文件名,那可以在之前用gulp-rename插件来改变文件流中的文件名。 var gulp = require('gulp'), rename = require('gulp-rename'), uglify = require("gulp-uglify");
/dist'); // 删除整个dist文件夹 gulp-rename 描述:重命名文件。 var rename = require("gulp-rename"); gulp.src('. // package.json "devDependencies": { "gulp": "^3.9.1", "gulp-concat": "^2.6.1", "gulp-rename
/dist'); // 删除整个dist文件夹 gulp-rename 描述:重命名文件。 var rename = require("gulp-rename"); gulp.src('. // package.json "devDependencies": { "gulp": "^3.9.1", "gulp-concat": "^2.6.1", "gulp-rename
gulp"); function build() { return src("src/*.js").pipe(dest("output")); } exports.default = build; gulp-rename const rename = require("gulp-rename"); 使用固定命名输出: 安装管道:rename('main.js'); function build() { return
(注意:使用插件前,需要先安装插件npm install xxxx) 4.1 重命名 gulp-rename gulp-rename 可以用来重命名文件流中的文件。 前面提到的gulp.dest()方法写入文件时,文件名使用的是文件流中的文件名,如果想要改变文件名,就需要用gulp-rename插件来改变文件流中的文件名。 安装插件:npm install --save-dev gulp-rename case: 要将 demo0927/demofile/file1/readme.txt 文件重命名后放置 demo3927 var gulp = require('gulp'), rename = require('gulp-rename'); gulp.task('rename',function() { var gulp = require('gulp'), rename = require('gulp-rename'), uglify = require('gulp-uglify');
增加插件: cnpm install gulp-rename cnpm install event-stream 修改gulpfile.js var gulp = require('gulp'); var source = require('vinyl-source-stream'); var rename = require('gulp-rename'); var browserify = require gulp var gulp = require('gulp'); var source = require('vinyl-source-stream'); var rename = require('gulp-rename
concat = require('gulp-concat'); var minifyCss = require('gulp-minify-css'); var rename = require('gulp-rename
合并:gulp-concat;指定合并生成名字即可: .pipe(concat('all.js')) 重命名: gulp-rename;可以仅仅为名字指定后缀(不改变文件后缀)Like This: 对于所使用的插件可以一个个安装,同时也可以批量安装Like This: npm install gulp-concat gulp-uglify gulp-jshint [...] gulp-rename { "gulp-concat": "~2.6.0", "gulp-uglify": "~1.4.2", "gulp-jshint": "~1.11.2", "gulp-rename 具体做法,首先将需要的插件全局环境下Down下来: npm install gulp gulp-concat gulp-rename gulp-uglify gulp-minify-css gulp-jshint 当然,npm link也支持多个参数: npm link gulp gulp-concat gulp-rename gulp-uglify gulp-minify-css gulp-jshint gulp-cached
代码检测 npm install --save gulp-uglify //js压缩 npm install --save gulp-concat //文件合并 npm install --save gulp-rename
gulp'); 2 var pug = require('gulp-pug'); 3 var sass = require('gulp-sass'); 4 var rename = require('gulp-rename