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

JavaScript015

gulpfile.babel.js 里的babel是什么意思,第1张

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 >

在此之前你需要首先了解一下什么是 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文档 ,以查看更多配置选项。

gulp在3.9版本里面增加了对babel的支持,因此我们可以直接在gulpfile里面使用ES6(ES2015)了。

升级gulp版本

首先要检测一下我们的gulp版本,确保CLI版本及Local版本都在3.9之上:

gulp -v

版本如下:

CLI version 3.9.0

Local version 3.9.0

若版本过低,我们可以通过以下方式进行升级,这里将同时升级CLI版本和Local版本:

npm install gulp -g &&npm install gulp --save-dev

安装babel

我们需要安装babel-core及babel-preset-es2015来转换ES6代码:

npm install babel-core babel-preset-es2015 --save-dev

然后,创建一个.babelrc文件来使用es2015 preset:

touch .babelrc

写入如下内容:

{

"presets": ["es2015"]

}

接下来就是使用ES6语法重写gulpfile了。

使用ES6语法重写gulpfile

首先,重命名gulpfile.js为gulpfile.babel.js,这样gulp执行前会自动调用babel转换文件。

mv gulpfile.js gulpfile.babel.js

然后在gulpfile.babel.js里面用ES6语法写些内容,如下:

'use strict'

import gulp from 'gulp'

import less from 'gulp-less'

const paths = {

less: 'less/',

dest: 'build/'

}

gulp.task('less', () =>{

gulp.src(`${paths.less}**/*.less`)

.pipe(less())

.pipe(gulp.dest(`${paths.dest}css/`))

})

然后执行gulp命令:

gulp less

这里和原来一样,以前的命令怎么用现在还是怎么用!

GitHub源码:using-es6-with-gulp