标签：npm es6 es5 src babel gulp install 根目录

 【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

标签：npm,es6,es5,src,babel,gulp,install,根目录
来源： https://www.cnblogs.com/li923/p/11611793.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。