这里gulp安装和模块安装我就不提了,先简单写一些配置函数
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‘));});//压缩htmlgulp.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‘])
时间: 2024-08-08 07:51:26