# cgd103

## gulp

const {
    src,
    dest,
    series,
    parallel,
    watch
} = require('gulp');


function defaultTask(cb){
   console.log('gulp 成功');
   cb(); 
}

exports.c = defaultTask;



// taskA
function A(cb){
  console.log('a mission');
  cb();
}

//taskB 
function B(cb){
    console.log('b mission');
    cb();
}


exports.sync = series(A , B); 
exports.async = parallel(A , B);

// 以上使用在最後打包的流程控管


function file(){
  return src(['src/*.html' , 'src/*.css' , 'src/**/*.js' , '!src/about.html'])
  .pipe(dest('dist/')) // 打包兩種不同檔案格式  !排除  **下一層目錄
}

exports.f = file;

const rename = require('gulp-rename');

//壓縮css
const cleanCSS = require('gulp-clean-css');

function cssminify(){
  return src('src/*.css')
  .pipe(cleanCSS())
  .pipe(rename({
     extname : ".min.css"
  }))
  .pipe(dest('dist/css'))
}


exports.css = cssminify


//  壓縮 js
const uglify = require('gulp-uglify');


function js(){
  return src('src/js/*.js')
  .pipe(uglify())
  .pipe(rename({
     extname : ".min.js"
  }))
  .pipe(dest('dist/js'));
}

exports.minijs = js;

//====== 同時壓縮 css js ======

exports.combine = parallel(js , cssminify)

// ============ end ============


// rename 改檔名


function cssname(){
   return src('src/*.css')
   .pipe(rename({
     extname : '.min.css'   
    }))
   .pipe(dest('dist/css'))
}

exports.re = cssname;


//sass => css
const sass = require('gulp-sass')(require('sass'));


function styleSass() {
    return src('src/sass/*.scss')
        .pipe(sass.sync().on('error', sass.logError))
        .pipe(dest('./dist/css'));
}


exports.style = styleSass;