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初学教程

    babel安装 安装前你需要安装node.js和npm以及gulp三个包。 然后执行以下命令 然后在安装 babe...

  • babel学习笔记

    阮一峰babel入门教程 babel官网 一、配置 .babel 文件 { "presets":["es2015...

  • react

    一、安装和创建项目 二、教程 官网简易教程移动端框架安装 babel-plugin-import按需引入babel...

  • 读书笔记-2019-02-12

    springinactionfourthedition Editors · Babel 入门教程 - React ...

  • React 技术栈系列教程(阮一峰)

    ES6 语法:教程 Babel:教程 React:教程,示例库 Webpack:教程 React 项目脚手架:代码...

  • React技术栈

    ES6 语法:教程Babel:教程React:教程,示例库Webpack:教程React 项目脚手架:代码库Fle...

  • RxJava

    教程 给初学者的RxJava2.0教程(一) 给初学者的RxJava2.0教程(二) 给初学者的RxJava2.0...

  • Babel 简介

    本教程我们学习 Babel 的基础知识,Babel 是一个用于 web 开发,且自由开源的 JavaScript ...

  • Babel 的简介

    本教程我们学习 Babel 的基础知识,Babel 是一个用于 web 开发,且自由开源的 JavaScript ...

  • babel

    babel比如我们使用let在ie中并不能用,所以我们需要babel 1.按照教程安装 2.新建配置文件babel...

网友评论

    本文标题:babel初学教程

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