gulpfile.js 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. /* eslint no-console: ["error", { allow: ["log"] }] */
  2. const gulp = require('gulp');
  3. const connect = require('gulp-connect');
  4. const gopen = require('gulp-open');
  5. const modifyFile = require('gulp-modify-file');
  6. const buildJs = require('./build-js.js');
  7. const buildLess = require('./build-less.js');
  8. // Tasks
  9. gulp.task('playground', (cb) => {
  10. const env = process.env.NODE_ENV || 'development';
  11. gulp.src('./playground/index.html')
  12. .pipe(modifyFile((content) => {
  13. if (env === 'development') {
  14. return content
  15. .replace('../dist/css/swiper.min.css', '../build/css/swiper.css')
  16. .replace('../dist/js/swiper.min.js', '../build/js/swiper.js');
  17. }
  18. return content
  19. .replace('../build/css/swiper.css', '../dist/css/swiper.min.css')
  20. .replace('../build/js/swiper.js', '../dist/js/swiper.min.js');
  21. }))
  22. .pipe(gulp.dest('./playground/'))
  23. .on('end', () => {
  24. if (cb) cb();
  25. });
  26. });
  27. gulp.task('js', (cb) => {
  28. buildJs(cb);
  29. });
  30. gulp.task('less', (cb) => {
  31. buildLess(cb);
  32. });
  33. gulp.task('build', ['js', 'less']);
  34. gulp.task('watch', () => {
  35. gulp.watch('./src/**/**/*.js', ['js']);
  36. gulp.watch('./src/**/**/*.less', ['less']);
  37. });
  38. gulp.task('connect', () => {
  39. connect.server({
  40. root: ['./'],
  41. livereload: true,
  42. port: '3000',
  43. });
  44. });
  45. gulp.task('open', () => {
  46. gulp.src('./playground/index.html').pipe(gopen({ uri: 'http://localhost:3000/playground/' }));
  47. });
  48. gulp.task('server', ['watch', 'connect', 'open']);
  49. gulp.task('default', ['server']);