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 p_w_picpathmin = require("gulp-p_w_picpathmin");//压缩p_w_picpath图片 //创建任务 gulp.task("default",function(){ this.src("./public/js/audio.js")//被压缩的文件路径 .pipe(uglify())//pipe 管道 .pipe(gulp.dest("dist/public/js"))//dest 文件的流向 即文件压缩完之后,要放置的位置 }) gulp.task("default",function(){ this.src("./pnblic/css/song.css") .pipe(cssmin()) .pipe(gulp.dest("dist/public/css")) }) gulp.task("default",function(){ this.src("./html/*.html") .pipe(html(Some text and markup)()) .pipe(gulp.dest("dist/")) }) gulp.task("default",function(){ this.src("imgmin") .pipe(html(Some text and markup)()) .pipe(gulp.dest("dist/public/p_w_picpath")) }) gulp.task("default",function(argument){ gulp run(["uglify","cssmin","html","p_w_picpathmin"]) })
另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
网站题目:gulp--前端自动化管理工具的使用-创新互联
当前链接:http://pwwzsj.com/article/dpjohp.html