学习gulpfile.babel.js随笔

Posted 2020-12-02 carrie_zhao

‘use strict‘

import gulp from ‘gulp‘                                   //将gulp插件包含进来
import sass from ‘gulp-sass‘                           //编译sass文件
import imagemin from ‘gulp-imagemin‘           //压缩 png，jpeg，gif和svg图片资源
import autoprefixer from ‘gulp-autoprefixer‘    //给css增加前缀
import notify from ‘gulp-notify‘                      //在控制台中加入文字描述
import、 browserSync  from ‘browser-sync‘    //让浏览器实时、快速响应文件的更改（html、js、css、sass、less等）并自动刷新页面。更重要的是BrowserSync可以同时在PC、平板、手机等设备下进行调试


//browserify
import browserify from ‘browserify‘               //浏览器端代码模块化工具,可以让你使用类似于 node 的 require() 的方式来组织浏览器端的 javascript 代码，在这里用来管理依赖
import sourcemaps from ‘gulp-sourcemaps‘   //处理javascript时生成sourceMap
import source from ‘vinyl-source-stream‘       //创建一个拥有指定文件名的vinly文件实例（这样gulp.dest方法将使用这个文件名）,将Browserify的bundle()的输出转换为Gulp可用的vinyl流
import buffer from ‘vinyl-buffer‘                    //将vinly对象内容中的stream转换为buffer
//import babelify from ‘babelify‘                    //将ES6转换成ES5
import concat from ‘gulp-concat‘                   //这插件是管合并的

import del from ‘del‘