Gulp自动化构建案例---脚本编译

1、安装gulp

2、在根目录下新建gulpfile文件，作为gulp入口

3、安装转换流插件

yarn add gulp-babel --dev

4、安装babel的核心模块

yarn add @babel/core @babel/preset-env --dev

5、使用

const {src,dest} = require('gulp');
//载入babel插件
//babel能将ES的所有新特性都可以转换
const babel = require('gulp-babel');
//base:'src'，转义文件时保留src路径
//@babel/preset-env，所有特性整体打包，可以选择自己需要的部分打包
const script = () =>{
  return src('src/assets/scripts/*.js',{base:'src'})
  .pipe(babel({presets:['@babel/preset-env']}))
  .pipe(dest('dist'))
}
module.exports = {
  script
}