gulp文件
来源:互联网 发布:颜值 知乎 编辑:程序博客网 时间:2024/06/05 19:58
//gulpfile.js'use strict';/** * 1. LESS编译 压缩 合并 * 2. JS合并 压缩 混淆 * 3. img复制 * 4. html压缩 */// 在gulpfile中先载入gulp包,因为这个包提供了一些APIvar gulp = require('gulp');var less = require('gulp-less');var cssnano = require('gulp-cssnano');// 1. LESS编译 压缩 --合并没有必要,一般预处理CSS都可以导包gulp.task('style', function() { // 这里是在执行style任务时自动执行的 gulp.src(['src/styles/*.less', '!src/styles/_*.less']) .pipe(less()) .pipe(cssnano()) .pipe(gulp.dest('dist/styles')) .pipe(browserSync.reload({ stream: true }));});var concat = require('gulp-concat');var uglify = require('gulp-uglify');// 2. JS合并 压缩混淆gulp.task('script', function() { gulp.src('src/scripts/*.js') .pipe(concat('all.js')) .pipe(uglify()) .pipe(gulp.dest('dist/scripts')) .pipe(browserSync.reload({ stream: true }));});// 3. 图片复制gulp.task('image', function() { gulp.src('src/images/*.*') .pipe(gulp.dest('dist/images')) .pipe(browserSync.reload({ stream: true }));});var htmlmin = require('gulp-htmlmin');// 4. HTMLgulp.task('html', function() { gulp.src('src/*.html') .pipe(htmlmin({ collapseWhitespace: true, removeComments: true })) .pipe(gulp.dest('dist')) .pipe(browserSync.reload({ stream: true }));});var browserSync = require('browser-sync');gulp.task('serve', function() { browserSync({ server: { baseDir: ['dist'] }, }, function(err, bs) { console.log(bs.options.getIn(["urls", "local"])); }); gulp.watch('src/styles/*.less',['style']); gulp.watch('src/scripts/*.js',['script']); gulp.watch('src/images/*.*',['image']); gulp.watch('src/*.html',['html']);});
阅读全文
0 0
- gulp文件
- 如何组织gulp文件
- gulp删除文件
- 使用gulp压缩css文件
- gulp-删除文件和文件夹
- 使用gulp-sass 和 gulp-livereload 自动编译sass文件
- gulp教程之 gulp-concat(合并文件)
- gulp- gulp-flatten(移除或替换文件的路径)
- gulp
- Gulp
- gulp
- Gulp
- gulp
- gulp
- gulp
- gulp
- gulp
- gulp
- 使用选项卡TabWidget与TabHost实现底部或者顶部四个分类按钮 点击切换对应的fragment
- sqlite3触发器的使用
- 数据库
- 筛素数
- 休闲益智类移动游戏的开发潜力
- gulp文件
- 亲测破解戴尔服务器windows server 2008 的登录密码
- CodeVS 2075 yh女朋友的危机 贪心 + DP
- Server JRE 简介
- CSDN如何转载别人的文章
- js-移动端android浏览器中input框被软键盘遮住的问题解决方案
- LigerUI通过Struts2返回并显示
- 51nod 1363 最小公倍数之和
- splay入坑