gulp
来源:互联网 发布:程序员工作时间 编辑:程序博客网 时间:2024/06/06 01:18
//处理任务
var gulp =require('gulp');
var imagemin = require("gulp-imagemin");
var uglify = require("gulp-uglify");
var sass = require("gulp-sass");
var concat = require("gulp-concat");
// 起一个本地服务器
var connect = require("gulp-connect");
// css插件压缩
// var minifyCss = require("gulp-minify-css");
// 压缩html文件
// var minifyHtml = require("gulp-minify-html");
// 重命名
// var rename = require("gulp-rename");
// js代码检查
// var jshint = require("gulp-jshint");
// gulp.task("jsHint",function(){
// gulp.src("src/*.html")
// .pipe(jshint())// 执行代码检查
// .pipe(jshint.reporter()) //输出代码检查
// })
//这样并不能打印错误日志
// 在项目中加入 .jshintsrc文件进行各种想要的配置 自行百度
var browserSync = require('browser-sync').create();
/*
gulp.task --定义任务
gulp.src --扎到需要执行任务
gulp.dest --执行任务的文件去除
gulp.watch --观察文件变化
*/
//
gulp.task("message",function(){
return console.log("gulp1");
gulp.start("a");
//开始 a这个任务
})
//执行任务 gulp message
gulp.task("default",function(){
return console.log("qqq")
})
//默认任务,只需要gulp即可执行
//拷贝文件
// pipe 你可以理解为 扎到左边的 然后通过管道输送到右边
gulp.task("copeHtml",function(){
gulp.src("src/*.html")
.pipe(gulp.dest("dist"))
.pipe(connect.reload()) //通知浏览器自动刷新
})
// 图片压缩
gulp.task("imageMin",function(){
gulp.src("src/image/*")
.pipe(imagemin())
.pipe(gulp.dest("dist/images"))
})
//压缩js
gulp.task("jsdist",function(){
gulp.src("src/js/*.js")
.pipe(uglify())
.pipe(gulp.dest("dist/javascript"))
})
//sass 转换为css
gulp.task("cssdist",function(){
gulp.src("src/sass/*.scss")
.pipe(sass().on("error",sass.logError))
.pipe(gulp.dest("dist/css"));
})
//执行多个任务
//代码合并
gulp.task("distconcat",function(){
gulp.src("src/js/*.js")
.pipe(concat("mina.js"))
.pipe(uglify())
.pipe(gulp.dest("dist/javascript"))
})
gulp.task("watch",function(){
gulp.watch("src/image/*",["imageMin"])
gulp.watch("src/js/*",["distconcat"])
gulp.watch("src/sass/*",["cssdist"])
gulp.watch("src/*.html",["copeHtml"])
})
gulp.task('browser-sync', function() {
browserSync.init({
server: {
baseDir: "."
}
});
});
gulp.task('serve', function() {
connect.server({
root:".",//服务器跟目录 ./index.html
port:8888,//随便写了
livereload:true, //启动实时刷新的功能
})
});
gulp.task("default",
["serve","watch"])
var gulp =require('gulp');
var imagemin = require("gulp-imagemin");
var uglify = require("gulp-uglify");
var sass = require("gulp-sass");
var concat = require("gulp-concat");
// 起一个本地服务器
var connect = require("gulp-connect");
// css插件压缩
// var minifyCss = require("gulp-minify-css");
// 压缩html文件
// var minifyHtml = require("gulp-minify-html");
// 重命名
// var rename = require("gulp-rename");
// js代码检查
// var jshint = require("gulp-jshint");
// gulp.task("jsHint",function(){
// gulp.src("src/*.html")
// .pipe(jshint())// 执行代码检查
// .pipe(jshint.reporter()) //输出代码检查
// })
//这样并不能打印错误日志
// 在项目中加入 .jshintsrc文件进行各种想要的配置 自行百度
var browserSync = require('browser-sync').create();
/*
gulp.task --定义任务
gulp.src --扎到需要执行任务
gulp.dest --执行任务的文件去除
gulp.watch --观察文件变化
*/
//
gulp.task("message",function(){
return console.log("gulp1");
gulp.start("a");
//开始 a这个任务
})
//执行任务 gulp message
gulp.task("default",function(){
return console.log("qqq")
})
//默认任务,只需要gulp即可执行
//拷贝文件
// pipe 你可以理解为 扎到左边的 然后通过管道输送到右边
gulp.task("copeHtml",function(){
gulp.src("src/*.html")
.pipe(gulp.dest("dist"))
.pipe(connect.reload()) //通知浏览器自动刷新
})
// 图片压缩
gulp.task("imageMin",function(){
gulp.src("src/image/*")
.pipe(imagemin())
.pipe(gulp.dest("dist/images"))
})
//压缩js
gulp.task("jsdist",function(){
gulp.src("src/js/*.js")
.pipe(uglify())
.pipe(gulp.dest("dist/javascript"))
})
//sass 转换为css
gulp.task("cssdist",function(){
gulp.src("src/sass/*.scss")
.pipe(sass().on("error",sass.logError))
.pipe(gulp.dest("dist/css"));
})
//执行多个任务
//代码合并
gulp.task("distconcat",function(){
gulp.src("src/js/*.js")
.pipe(concat("mina.js"))
.pipe(uglify())
.pipe(gulp.dest("dist/javascript"))
})
gulp.task("watch",function(){
gulp.watch("src/image/*",["imageMin"])
gulp.watch("src/js/*",["distconcat"])
gulp.watch("src/sass/*",["cssdist"])
gulp.watch("src/*.html",["copeHtml"])
})
gulp.task('browser-sync', function() {
browserSync.init({
server: {
baseDir: "."
}
});
});
gulp.task('serve', function() {
connect.server({
root:".",//服务器跟目录 ./index.html
port:8888,//随便写了
livereload:true, //启动实时刷新的功能
})
});
gulp.task("default",
["serve","watch"])
阅读全文
0 0
- gulp
- Gulp
- gulp
- Gulp
- gulp
- gulp
- gulp
- gulp
- gulp
- gulp
- gulp
- Gulp
- gulp
- Gulp
- gulp
- gulp
- gulp
- gulp
- 零基础教程--教你使用php-ml机器学习预测泰坦尼克号生还率案例
- 无法解析的外部符号 _GdiplusStartup@12
- Android 如何修改wifi连接失败后自动重连次数?
- 微服务应用容器化场景中常见问题总结
- 跨域资源共享 CORS 详解
- gulp
- Unity_Lua_如何与Unity中实现
- C# 委托和事件
- 小红书笔记如何发布内容
- javascript笔记
- 【笔记】折半插入排序
- 处理ios11以上的pop回来的回收效果
- 自动化部署脚本
- 面向对象:兜兜转转二十几年,希望赶紧遇见你