gulp-babel入坑

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qq_21383977/article/details/82749001

1、根据github上指导

https://github.com/babel/gulp-babel

$ npm install --save-dev gulp-babel@7 babel-core babel-preset-env
$ npm install --save-dev @babel/plugin-transform-runtime 
$ npm install --save @babel/runtime 

配置gulpfile.js

const gulp = require('gulp');
const babel = require('gulp-babel');
const babelenv = require('babel-preset-env');

gulp.task('default', () =>
    gulp.src('src/app.js')
        .pipe(babel({
            presets: ["@babel/env"]
        }))
        .pipe(gulp.dest('dist'))
);

执行gulp default报错

解决： cnpm install  --save-dev gulp

-------------------------------------------------------------------------------------------------------------------------------------------------------------------------

再次执行gulp default报错

解决：建立babelrc文件 

----------------------------------------------------------------------------------------------------------------------------------------------------------------------

再次执行gulp default报错

解决：修改gulpfile.js

const gulp = require('gulp');
const babel = require('gulp-babel');
const babelenv = require('babel-preset-env');

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