美文网首页
关于Babel

关于Babel

作者: 高静最近在长脑子 | 来源:发表于2017-05-05 16:29 被阅读32次

Babel 自带了一组 ES2015 语法转化器。这些转化器能让你现在就使用最新的 JavaScript 语法,而不用等待浏览器提供支持。

这是Bable官网上说的一句话,Babel 是一个 JavaScript 编译器,语言的进化快于浏览器的兼容性进化,于是程序员们就想到了编译。真的就属于我不能改变世界,但我可以改变自己范畴的。

使用


1)配置文件.babelrc

Babel的配置文件是.babelrc,存放在项目的根目录下。使用Babel的第一步,就是配置这个文件。

这里是官方地址:https://babeljs.io/docs/usage/babelrc/

例如:

.babelrc

2)命令行转码babel-cli

Babel提供babel-cli工具,用于命令行转码。官网地址:https://babeljs.io/docs/usage/cli/

Step 1:    npm install --save-dev babel-cli

Step 2:  修改 package.json

package.json

Step 3:

Compile the filescript.jsandoutput to stdout. :babel script.js

下面的去官网看吧。。

在package.json里加上"scripts":{"build":"babel src -d lib"}, 这句话 就可以一句话编译代码:

$ npm run build

3)babel-node

babel-cli工具自带一个babel-node命令,提供一个支持ES6的REPL环境。它支持Node的REPL环境的所有功能,而且可以直接运行ES6代码。

相关文章

  • 关于Babel,包你入门

    一、 关于Babel Babel 是一个JavaScript编译器 Babel 主要用于将采用 ECMAScrip...

  • 关于Babel

    什么是Babel 传说古时候一群人想建一个通天塔,去天上看看上帝在干什么。上帝于是挥挥手,让这群人说不同的语言,于...

  • 关于Babel

    Babel 自带了一组 ES2015 语法转化器。这些转化器能让你现在就使用最新的 JavaScript 语法,而...

  • 关于babel

    http://www.ruanyifeng.com/blog/2016/01/babel.html

  • babel插件入门

    关于babel Babel 是一个 JavaScript 编译器 Babel 是一个工具链,主要用于将 ECMAS...

  • babel【3】:关于 babel 版本

    1、目前,前端开发领域使用的 Babel 版本主要的Babel6 和 Babel7 这两个版本。 你可能想问,怎么...

  • 用nuxt脚手架搭建的nuxt2.0项目需要注意的问题

    一、关于将require引入方式改为import的引入方式 1.安装 @babel/cli、@babel/core...

  • Babel

    refer:前端工程师的自我修养-关于 Babel 那些事儿 什么是Babel: JavaScript 编译器,用...

  • babel配置及插件注解

    babel插件 @babel/cli @babel/core @babel/preset-env @babel/p...

  • babel进阶用法之处理json文件

    前言 社区里面关于babel的介绍非常多了,这里不想重复这些常见内容。很多人认为babel只是一个语法转译工具,将...

网友评论

      本文标题:关于Babel

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