程式學習日記，如果我幫助了你請讓我知道

1.sass sourcemap  可以輕易從css找到scss對應行數

2.autoprefixer 是免去寫 webkit- 等等

3.gulp-cssmin

4.gulp-load-plugins  ulp-load-plugins模块，可以加载package.json文件中所有的gulp模块。上面的代码用gulp-load-plugins模块改写

var plugins = require('gulp-load-plugins')();
5.gulp-concat

將所有js變all.js

gulp.src(['?.js','c.js']

.pipe(concat('all.js')

https://scotch.io/courses/using-gulp-as-a-build-system/a-full-js-gulp-task

6.

var gulp=require('gulp');
var plugins = require('gulp-load-plugins')();
var browserSync = require('browser-sync');
gulp.task('css',function(){
    
    return gulp.src(['./source/scss/*.scss'])
    .pipe(plugins.sass())
    .pipe(gulp.dest('./css'))
    .pipe(browserSync.stream())
})
gulp.task('watch',function(){
    gulp.watch(['./source/scss/*.scss'],['css']);
})
gulp.task('serve',function(){
    browserSync.init({
        server:{
            baseDir:'./'
        }
    });
    gulp.watch('*.html').on('change',browserSync.reload);
});
gulp.task('default',['css','watch','serve']);