gulpfile.js 2.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. var gulp = require('gulp');
  2. uglify = require('gulp-uglify');
  3. concat = require('gulp-concat');
  4. minifyCss = require('gulp-minify-css');
  5. rev = require('gulp-rev');
  6. revCollector = require('gulp-rev-collector');
  7. //(1)css
  8. gulp.task('css', function() { //- 创建一个名为 concat 的 task
  9. gulp.src([
  10. './assets/css/normalize.css',
  11. './assets/css/plugins/animate.css',
  12. './assets/css/plugins/jquery.slicknav.css',
  13. './assets/css/pen-base.css',
  14. './assets/css/pen-fonts.css',
  15. './assets/css/pen-typography.css',
  16. './assets/css/pen-layout.css',
  17. './assets/css/pen-buttons.css',
  18. './assets/css/pen-bottom.css',
  19. './assets/css/pen-comments.css',
  20. './assets/css/pen-footer.css',
  21. './assets/css/pen-header.css',
  22. './assets/css/pen-menus.css',
  23. './assets/css/pen-navigation.css',
  24. './assets/css/pen-forms.css',
  25. './assets/css/pen-content.css',
  26. './assets/css/pen-thumbnails.css',
  27. './assets/css/pen-author.css',
  28. './assets/css/pen-pagination.css',
  29. './assets/css/pen-share.css',
  30. './assets/css/pen-search-bar.css',
  31. './assets/css/pen-top.css',
  32. './assets/css/pen-widgets.css',
  33. './assets/css/pen-general.css']) //- 需要处理的css文件,放到一个字符串数组里
  34. .pipe(concat('pan.min.css')) //- 合并后的文件名
  35. .pipe(minifyCss()) //- 压缩处理成一行
  36. .pipe(rev()) //- 文件名加MD5后缀
  37. .pipe(gulp.dest('./dist/css')) //- 输出文件本地
  38. // .pipe(rev.manifest()) //- 生成一个rev-manifest.json
  39. // .pipe(gulp.dest('./dist/rev')); //- 将 rev-manifest.json 保存到 rev 目录内
  40. });
  41. gulp.task('rev', function() {
  42. gulp.src(['./rev/*.json', './application/**/header.php']) //- 读取 rev-manifest.json 文件以及需要进行css名替换的文件
  43. .pipe(revCollector()) //- 执行文件内css名的替换
  44. .pipe(gulp.dest('./application/')); //- 替换后的文件输出的目录
  45. });
  46. // fontawesome.woff移动
  47. // http://cdn.yoqi.me/blog/wp-content/themes/pen/dist/fonts/fontawesome/fontawesome.woff?v=4.7.0
  48. //执行 gulp css
  49. /////////////////////////////////////
  50. //js
  51. gulp.task('js', function () {
  52. return gulp.src([
  53. './assets/js/plugins/jquery.fittext.js',
  54. './assets/js/plugins/respond.js',
  55. './assets/js/skip-link-focus-fix.js',
  56. './assets/js/plugins/autosize.js'])
  57. .pipe(concat('pan.min.js'))
  58. .pipe(uglify())
  59. .pipe(rev())
  60. .pipe(gulp.dest('dist/js'));
  61. });
  62. // gulp.task('js', function () {
  63. // return gulp.src('./assets/js/**/*.js')
  64. // .pipe(concat('pan.js'))
  65. // // .pipe(uglify())
  66. // .pipe(rev())
  67. // .pipe(gulp.dest('dist/js'));
  68. // });
  69. // gulp.task('default', ['css', 'rev','js']);