babel安装

babel安装

  • 安装前你需要安装node.jsnpm以及gulp三个包。

然后执行以下命令

$ npm init
  • 然后在安装 babel和babel-core两个包
$ npm install --save-dev gulp-babel babel-preset-env
npm install babel-cor --save-dev

建立文件夹

  • 新建一个名为gulpfile.js的文件夹,然后引入包
const gulp = require('gulp');
const babel = require('gulp-babel');
 
gulp.task('default', () =>
    gulp.src('es6/*.js')
        .pipe(babel({
            presets: ['env']
        }))
        .pipe(gulp.dest('dist'))
);
gulp.task('babel',() => {
	gulp.watch('es6/*.js',['default'])
});
  • 新建一个名为src 的文件夹,然后写点js.
{
	let a = 3;
	let arr = [1,2,3];
	
}
console.log(a);
console.log(arr);

运行任务

$ gulp

$ gulp babel

这样就大功告成。

本文源自:https://www.cnblogs.com/guanqiweb/p/9833390.html
作者原文:https://guanqi.xyz/note/babel-learn/

你可能感兴趣的:(前端框架库,gulp,babel)