| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556 |
- /* eslint no-console: ["error", { allow: ["log"] }] */
- const gulp = require('gulp');
- const connect = require('gulp-connect');
- const gopen = require('gulp-open');
- const fs = require('fs');
- const path = require('path');
- const buildJs = require('./build-js.js');
- const buildLess = require('./build-less.js');
- // Tasks
- gulp.task('playground', (cb) => {
- const env = process.env.NODE_ENV || 'development';
- let content = fs.readFileSync(path.resolve(__dirname, '../playground/index.html'), 'utf8');
- if (env === 'development') {
- content = content
- .replace('../dist/css/swiper.min.css', '../build/css/swiper.css')
- .replace('../dist/js/swiper.min.js', '../build/js/swiper.js');
- } else {
- content = content
- .replace('../build/css/swiper.css', '../dist/css/swiper.min.css')
- .replace('../build/js/swiper.js', '../dist/js/swiper.min.js');
- }
- fs.writeFileSync(path.resolve(__dirname, '../playground/index.html'), content);
- if (cb) cb();
- });
- gulp.task('js', (cb) => {
- buildJs(cb);
- });
- gulp.task('less', (cb) => {
- buildLess(cb);
- });
- gulp.task('build', gulp.series(['js', 'less']));
- gulp.task('watch', () => {
- gulp.watch('./src/**/**/*.js', gulp.series('js'));
- gulp.watch('./src/**/**/*.less', gulp.series('less'));
- });
- gulp.task('connect', () => {
- connect.server({
- root: ['./'],
- livereload: true,
- port: '3000',
- });
- });
- gulp.task('open', () => {
- gulp.src('./playground/index.html').pipe(gopen({ uri: 'http://localhost:3000/playground/' }));
- });
- gulp.task('server', gulp.parallel(['watch', 'connect', 'open']));
- gulp.task('default', gulp.series('server'));
|