| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970 |
- //npm install gulp
- //npm install gulp-less gulp-minify-css gulp-concat gulp-notify gulp-livereload gulp-rename --save-dev gulp 实现less转化监听合并和压缩
- //npm install --save-dev gulp del vinyl-paths
- //npm install gulp-sourcemaps --save-dev 生成less对应地图
- // 引入 gulp
- var gulp = require('gulp');
-
- // 引入组件
- var
- less = require('gulp-less'),//less 文件转换
- minifycss = require('gulp-minify-css'),//css压缩
- concat = require('gulp-concat'),//文件合并
- rename = require('gulp-rename'),//文件更名
- uglify = require('gulp-uglify'),//js压缩
- notify = require('gulp-notify');//提示信息
- /* clean = require('gulp-clean');
- gulp.task('clean', function() {
- return gulp.src(['dist/assets/css', 'dist/assets/js', 'dist/assets/img'], {read: false})
- .pipe(clean());
- });*/
- //转换less文件
- gulp.task('less', function() {
- return gulp.src('src/less/*.less')//该任务针对的文件
- .pipe(less())//该任务调用的模块
- .pipe(gulp.dest('src/css'))
- .pipe(notify({ message: 'less task ok' }));
- });
-
-
- // 合并、压缩、重命名css
- gulp.task('css', function() {
- return gulp.src('src/css/*.css')
- /*.pipe(concat('fanwe.css'))
- .pipe(gulp.dest('src/css'))
- .pipe(rename({ suffix: '.min' }))*/
- .pipe(minifycss())
- .pipe(gulp.dest('css'))
- .pipe(notify({ message: 'css task ok' }));
- });
- //压缩,合并 模块js
- gulp.task('js', function() {
- return gulp.src('src/js/modules/*.js') //需要操作的文件
- .pipe(concat('main.js')) //合并所有js到main.js
- .pipe(gulp.dest('dist/statics/js')) //输出到文件夹
- .pipe(rename({suffix: '.min'})) //rename压缩后的文件名
- .pipe(uglify()) //压缩
- .pipe(gulp.dest('dist/statics/js')) //输出
- .pipe(notify({ message: 'js task ok' }));
- });
- //压缩,合并 公用js
- gulp.task('public_js', function() {
- return gulp.src('src/js/public/*.js') //需要操作的文件
- .pipe(concat('public.js')) //合并所有js到main.js
- .pipe(gulp.dest('dist/statics/js')) //输出到文件夹
- .pipe(rename({suffix: '.min'})) //rename压缩后的文件名
- .pipe(uglify()) //压缩
- .pipe(gulp.dest('dist/statics/js')) //输出
- .pipe(notify({ message: 'js task ok' }));
- });
- // 默认任务
- gulp.task('default', function(){
- gulp.run('less', 'css', 'js');
- gulp.watch('src/less/*.less', ['less']);
- gulp.watch('src/js/modules/*.js', ['js']);
- gulp.watch('src/css/*.css', ['css']);
- });
|