babel初学教程

作者: 观奇笔记 | 来源:发表于2018-10-22 22:08 被阅读2次

    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

    这样就大功告成了!

    相关文章

      网友评论

        本文标题:babel初学教程

        本文链接:https://www.haomeiwen.com/subject/jlpnzftx.html