简单的gulpfile.js参数配置
2016-08-11 14:52
411 查看
这里gulp安装和模块安装我就不提了,先简单写一些配置函数
for example
for example
/** * Created by yumeiqiang on 16/7/26. */ var gulp = require('gulp'); var uglify = require('gulp-uglify');// 获取 uglify 模块(用于压缩 js) var minifyCSS = require('gulp-minify-css');// 获取 minify-css 模块(用于压缩 CSS) var sass = require('gulp-ruby-sass'); var htmlminify = require("gulp-html-minify"); // 压缩 js 文件 // 在命令行使用 gulp script 启动此任务 gulp.task('script', function() { // 1. 找到文件 gulp.src('vue/src/js/*.js') // 2. 压缩文件 .pipe(uglify()) // 3. 另存压缩后的文件 .pipe(gulp.dest('vue/dist/js')) }) // 压缩 css 文件 // 在命令行使用 gulp css 启动此任务 gulp.task('css', function () { // 1. 找到文件 gulp.src('vue/src/css/*.css') // 2. 压缩文件 .pipe(minifyCSS()) // 3. 另存为压缩文件 .pipe(gulp.dest('vue/dist/css')) }) // 在命令行使用 gulp auto 启动此任务 gulp.task('auto', function () { // 监听文件修改,当文件被修改则执行 css 任务 gulp.watch('css/*.css', ['css']) }); // 使用 gulp.task('default') 定义默认任务 // 在命令行使用 gulp 启动 css 任务和 auto 任务 // 编译sass // 在命令行输入 gulp sass 启动此任务 gulp.task('sass', function () { return sass('vue/src/css/hm.scss') .on('error', sass.logError) .pipe(gulp.dest('vue/src/css')); }); //压缩html gulp.task('build-html' , function(){ return gulp.src("vue/website/activity/spike/spike.html") .pipe(htmlminify()) .pipe(gulp.dest("vue/website/minify/spike.html")) }); // 在命令行使用 gulp auto 启动此任务 gulp.task('auto', function () { // 监听文件修改,当文件被修改则执行 images 任务 gulp.watch('vue/src/css/hm.scss', ['sass']) }); // 使用 gulp.task('default') 定义默认任务 // 在命令行使用 gulp 启动 sass 任务和 auto 任务 gulp.task('default', ['sass', 'auto']) //gulp.task('default', ['css', 'auto','script'])
相关文章推荐
- gulpfile.js 中 BrowserSync 配置方法
- gulp的gulpfile.js文件配置(2)
- gulp配置文件gulpfile.js
- glup简单应用---gulpfile.js
- gulpfile.js常用配置文件
- 自动化构建工具Gulp配置文件gulpfile.js
- gulp的gulpfile.js文件配置
- gulp的介绍及gulpfile.js的配置
- gulpfile.js 配置常用命令
- gulpfile.js的配置
- Gulp的配置文件gulpfile.babel.js
- gulpfile.js 合并压缩 requirejs 的配置文件
- 一份简单的gulpfile 配置文件
- structs简单实例及参数配置
- kindSoft在线网页编辑器简单的配置参数介绍
- mysql一些常见常用的配置参数的简单说明
- Jquery和JS用外部变量获取Ajax返回的参数值的方法实例(超简单)
- 分析REMOTE_LOGIN_PASSWORDFILE参数与SQLNET.AUTHENTICATION_SERVICES配置
- js简单控制输入参数为数字
- ajaxFileUpload.js 无刷新上传图片,支持多个参数同时上传,支持 ie6-ie10