const gulp = require('gulp');
var sass = require('gulp-sass');
var autoprefixer = require('gulp-autoprefixer');
var cssmin = require('gulp-cssmin');
const webpack = require('webpack');
const webpackConf = require('./build/build.js');
// 构建webpack配置
gulp.task('webpack', function () {
  webpack(webpackConf, function (err, stats) {
    if (err) {
      console.log(err);
    }
  });
});

// 处理样式的配置
gulp.task('compile', function () {
  return gulp
    .src('./styles/index.scss')
    .pipe(sass.sync())
    .pipe(
      autoprefixer({
        browsers: ['ie > 9', 'last 2 versions'],
        cascade: false
      })
    )
    .pipe(cssmin())
    .pipe(gulp.dest('./lib/'));
});
// 打包文件
gulp.task('build', ['webpack', 'compile']);

// 监听文件变化
gulp.task('watch', ['webpack', 'compile'], function () {
  gulp.watch(['./src/**', './packages/**'], ['webpack']);
  gulp.watch(['./styles/**'], ['compile']);
});