gulp -- 前端自动化管理工具的使用
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了gulp -- 前端自动化管理工具的使用相关的知识,希望对你有一定的参考价值。
1、gulp使用时需要安装2次,全局安装和本地安装(前提是要有nodeJS)
npm install --save-dev gulp//全局安装 npm install --save-dev gulp//本地安装 跳到本地文件夹下,再安装一次
2、需要在本地建一个gulpFile.js文件
3、在gulpFile.js文件下引入第三方模块
var gulp = require("gulp"); //压缩代码模块 需本地安装 var uglify = require("gulp-uglify");//压缩js var cssmin = require("gulp-clean-css");//压缩css var html = require("gulp-html-minify");//压缩html var imagemin = require("gulp-imagemin");//压缩image图片 //创建任务 gulp.task("default",function(){ "http://blog.51cto.com/viewpic.php?refimg=" + this.src("./public/js/audio.js")//被压缩的文件路径 .pipe(uglify())//pipe 管道 .pipe(gulp.dest("dist/public/js"))//dest 文件的流向 即文件压缩完之后,要放置的位置 }) gulp.task("default",function(){ "http://blog.51cto.com/viewpic.php?refimg=" + this.src("./pnblic/css/song.css") .pipe(cssmin()) .pipe(gulp.dest("dist/public/css")) }) gulp.task("default",function(){ "http://blog.51cto.com/viewpic.php?refimg=" + this.src("./html/*.html") .pipe(html(Some text and markup)()) .pipe(gulp.dest("dist/")) }) gulp.task("default",function(){ "http://blog.51cto.com/viewpic.php?refimg=" + this.src("imgmin") .pipe(html(Some text and markup)()) .pipe(gulp.dest("dist/public/image")) }) gulp.task("default",function(argument){ gulp run(["uglify","cssmin","html","imagemin"]) })
本文出自 “小Q博客” 博客,请务必保留此出处http://12762787.blog.51cto.com/12752787/1911554
以上是关于gulp -- 前端自动化管理工具的使用的主要内容,如果未能解决你的问题,请参考以下文章