1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859 |
- /* eslint no-console: ["error", { allow: ["log"] }] */
- const gulp = require('gulp');
- const connect = require('gulp-connect');
- const gopen = require('gulp-open');
- const modifyFile = require('gulp-modify-file');
- const buildJs = require('./build-js.js');
- const buildLess = require('./build-less.js');
- // Tasks
- gulp.task('playground', (cb) => {
- const env = process.env.NODE_ENV || 'development';
- gulp.src('./playground/index.html')
- .pipe(modifyFile((content) => {
- if (env === 'development') {
- return content
- .replace('../dist/css/swiper.min.css', '../build/css/swiper.css')
- .replace('../dist/js/swiper.min.js', '../build/js/swiper.js');
- }
- return content
- .replace('../build/css/swiper.css', '../dist/css/swiper.min.css')
- .replace('../build/js/swiper.js', '../dist/js/swiper.min.js');
- }))
- .pipe(gulp.dest('./playground/'))
- .on('end', () => {
- if (cb) cb();
- });
- });
- gulp.task('js', (cb) => {
- buildJs(cb);
- });
- gulp.task('less', (cb) => {
- buildLess(cb);
- });
- gulp.task('build', ['js', 'less']);
- gulp.task('watch', () => {
- gulp.watch('./src/**/**/*.js', ['js']);
- gulp.watch('./src/**/**/*.less', ['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', ['watch', 'connect', 'open']);
- gulp.task('default', ['server']);
|