首页 > 代码库 > glup 基础插件应用 随笔
glup 基础插件应用 随笔
var gulp = require("gulp"),//全局安装gulp(必须,没有它别的都废啦) concat = require("gulp-concat"),//合并js文件 uglify = require("gulp-uglify"),//压缩js文件 rename = require(‘gulp-rename‘),//重命名文件流文件 cssmin = require(‘gulp-minify-css‘),//压缩css文件 htmlmin = require(‘gulp-htmlmin‘),//压缩html文件 clean = require("gulp-clean"),//删除文件 copy = require("gulp-copy");//复制文件zip = require("gulp-zip");//压缩打包成zip文件var paths = ["jquery/jquery.js", "jquery/jquery.fullscreen.js", "js/FullScreen.js", "js/SecondManager.js", "js/Label.js", "js/Differences.js", "js/Scene.js", "js/StartScene.js", "js/GameScene.js", "js/TimeoutScene.js", "js/CompleteScene.js", "js/Audio.js", "js/Game.js", "js/GameSceneDatas.js", "js/Main.js"];gulp.task("test", function () { console.log("concat 合并js文件"); console.log("uglify 压缩js文件"); console.log("cssmin 压缩css文件"); console.log("htmlmin 压缩html文件"); console.log("clean 删除文件"); console.log("copy 复制文件"); console.log("zip 压缩打包成zip文件"); console.log("watch 监控文件修改");})gulp.task("concat", function () { return gulp.src(paths) .pipe(concat("index.js")) .pipe(gulp.dest("dist/"));})gulp.task("uglify",["concat"], function () {//执行压缩前会先执行一边合并 return gulp.src("dist/index.js") .pipe(uglify()) .pipe(rename("index.min.js")) .pipe(gulp.dest("dist/"));})gulp.task("cssmin", function () { return gulp.src("index.css") .pipe(cssmin()) .pipe(rename("index.min.css")) .pipe(gulp.dest("dist/"))})gulp.task(‘htmlmin‘, function () { var options = { removeComments: true,//清除HTML注释 collapseWhitespace: true,//压缩HTML //省略布尔属性的值 <input checked="true"/> ==> <input /> collapseBooleanAttributes: true, //删除所有空格作属性值 <input id="" /> ==> <input /> removeEmptyAttributes: true, //删除<script>的type="text/javascript" removeScriptTypeAttributes: true, //删除<style>和<link>的type="text/css" removeStyleLinkTypeAttributes: true, minifyJS: true,//压缩页面JS minifyCSS: true//压缩页面CSS }; return gulp.src(‘index.html‘) .pipe(htmlmin(options)) .pipe(rename("index.min.html")) .pipe(gulp.dest(‘‘));});gulp.task("clean",["uglify"],function () {//删除文件前会先执行压缩,确保删除文件以备压缩执行 return gulp.src("dist/index.js") .pipe(clean());})gulp.task("copy", function () { return gulp.src(["mp3/**", "images/**"]) .pipe(copy("./dist"));})gulp.task("zip", ["cssmin", "htmlmin","clean", "copy"], function () { return gulp.src(["dist/**","index.min.html"]) .pipe(zip("jaja.zip")) .pipe(gulp.dest(""))})gulp.task("watch", function () { gulp.watch("js/*.js", [‘concat‘, ‘uglify‘]) gulp.watch("index.css", [‘cssmin‘]) gulp.watch("index.html", [‘htmlmin‘])})
glup 基础插件应用 随笔
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。