首页 > 其他 > 详细

【gulp】配置es6转es5

时间:2019-10-17 00:30:50      阅读:166      评论:0      收藏:0      [点我收藏+]

 【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

【gulp】配置es6转es5

原文:https://www.cnblogs.com/li923/p/11611793.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!