【gulp】配置es6转es5

会有一股神秘感。 提交于 2019-12-01 13:26:26

 【gulp】配置es6转es5

 

先安装node,然后来到项目根目录

安装gulp

npm install gulp
初始化一下

npm init -y 


安装babel

npm install --save-dev gulp-babel babel-core

安装 ES6 转换成 ES5 插件

npm install --save-dev babel-preset-es2015

在项目根目录创建文件 .babelrc ,内容

{
"presets": ["es2015"]
}
配置gulp:在根目录中创建一个gulpfile.js,内容

const gulp = require('gulp');
const babel = require("gulp-babel");


//es6转es5
gulp.task("ese", function () {
return gulp.src("src/*.js")// ES6存放路径
.pipe(babel())
.pipe(gulp.dest("dist")); //转换成 ES5 后存放的路径
});

// 监视src文件变化,自动执行任务
gulp.task('watch', function () {
gulp.watch('src/*.js', gulp.series("ese"));
})

gulp.task('start',gulp.series('ese','watch',function(){}))

运行gulp statrt即可

但是人算不如天算!报错了


因版本问题,运行

npm install gulp-babel@7 --save-dev

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!