Gulp自动化构建案例---自动加载插件

1、安装插件

yarn add gulp-load-plugins --dev

2、加载插件

//载入自动加载插件
const loadPlugins = require('gulp-load-plugins');

  const plugins = loadPlugins();

3、使用

将代码中的任务函数都修改为plugins.taskname

例如

const style = () =>{
  return src('src/assets/styles/*scss',{base:'src'})
  .pipe(plugins.sass({outputStyle:'expanded'}))
  .pipe(dest('dist'))
}


const script = () =>{
  return src('src/assets/scripts/*.js',{base:'src'})
  .pipe(plugins.babel({presets:['@babel/preset-env']}))
  .pipe(dest('dist'))
}


const page = () => {
  return src('src/*.html',{base:'src'})
  .pipe(plugins.swig(data))
  .pipe(dest('dist'))
}

以上任务插件的格式为：gulp-taskname；但是如果任务插件是这种格式的：gulp-taskname-nameold，那么代码中的任务函数应改为plugins.tasknameNameold这种驼峰格式