gulp匹配符及gulp-babel插件转换ES6

Posted 2021-04-08 前端开发自留地

匹配符 *、**、！、{}

gulp.src('./js/*.js')// * 匹配js文件夹下所有.js格式的文件
gulp.src('./js/**/*.js')// ** 匹配js文件夹的0个或多个子文件夹
gulp.src(['./js/*.js','!./js/index.js'])// ! 匹配除了index.js之外的所有js文件
gulp.src('./js/**/{omui,common}.js')// {} 匹配{}里的文件名

gulp-babel

描述：可以将ES6代码转为ES5代码

安装：

npm install --save-dev gulp-babel babel-preset-env

使用：

const gulp = require('gulp');
const babel = require('gulp-babel');
 
gulp.task('default', () =>
    gulp.src('src/app.js')
        .pipe(babel({
            presets: ['es2015']
        }))
        .pipe(gulp.dest('dist'))
);

详情移步：https://www.npmjs.com/package/gulp-babel