如何配置 babel

JavaScript022

如何配置 babel,第1张

在此之前你需要首先了解一下什么是 babel ,以及 babel的使用指南 如果你需要其他babel的版本,还请参考[ https://babel.docschina.org/versions] 。

Babel是可以配置!许多其他工具具有类似的配置:ESLint (.eslintrc), Prettier (.prettierrc)。

允许使用所有 Babel API选项 。然而,如果该选项需要JavaScript,您可能需要使用Javascript 配置文件 。

在项目的根目录下(package.json的位置)创建一个名为babel.config.js的文件,其中包含以下内容:

查看 babel.config.js文档 ,以查看更多配置选项。

在项目的根目录下(package.json的位置)创建一个名为.babelrc的文件,其中包含以下内容:

查看 .babelrc文档 ,以查看更多配置选项。

或者,您可以选择在package.json中,使用babel键值指定.babelrc配置,如下所示:

与.babelrc的配置结构相同,但你可以用JavaScript编写它。

您可以访问任何Node.js API,例如基于流程环境的动态配置:

查看 babel-cli文档 ,以查看更多配置选项。

查看 babel-core文档 ,以查看更多配置选项。

gulpfile.babel.js 里的babel是什么意思

注意赋值表达式和赋值语句的区别。

赋值表达式是一种表达式,它可以出现在任何允许表达式出现的地方,而赋值语句则不能。

下述语句是合法的:

if((x=y+5)>0) z=x

语句的功能是,若表达式x=y+5大于0则z=x。

下述语句是非法的:

if((x=y+5)>0) z=x

因为x=y+5是语句,不能出现在表达式中。

4.3 数据输入输出的概念及在C语言中的实现

1) 所谓输入输出是以计算机为主体而言的。

2) 本章介绍的是向标准输出设备显示器输出数据的语句。

3) 在C语言中,所有的数据输入/输出都是由库函数完成的。 因此都是函数语句。

4) 在使用C语言库函数时,要用预编译命令

#include

将有关“头文件”包括到源文件中。

使用标准输入输出库函数时要用到 “stdio.h”文件,因此源文件开头应有以下预编译命令:

#include<stdio.h >

es6 7等转译 es5

preset-env: https://www.babeljs.cn/docs/babel-preset-env

src/index.js

终端输入:npx babel src --out-dir build

解释下:执行babel转译,将src文件夹下js的文件,转译输出到 build(自动创建)文件夹下

有2种方式在webpack中,配置babel

2种方式都需要如下基础webpack.config.js 配置:

在执行webapck打包的时候,会自动读取.babelrc的配置

建议使用第一种配置方式