区块链技术博客
www.b2bchain.cn

使用babel把es6语法转换成es5求职学习资料

本文介绍了使用babel把es6语法转换成es5求职学习资料,有助于帮助完成毕业设计以及求职,是一篇很好的资料。

对技术面试,学习经验等有一些体会,在此分享。

Babel 是什么

Babel 是一个工具链,主要用于将 ECMAScript 2015+ 版本的代码转换为向后兼容的 JavaScript 语法,以便能够运行在当前和旧版本的浏览器或其他环境中。

Babel能用在哪里

NodeJs

使用 npm 初始化项目

$ mkdir es6-to-es5 $ npm init -y

安装Babel

$ npm install --save-dev/core/cli

安装完成之后, 你的 package.json 会加入这些代码

  "devDependencies": {    + /cli": "^7.12.8",    + /core": "^7.12.9"   }

现在把 Babel 的运行命令放入到 npm 脚本中, 也是在 package.json

 "scripts": { +     "build": "babel src -d lib"   }

创建.babelrc配置文件

“`shell script
$ npm install @babel/preset-env –save-dev

创建`babel.config.json`文件,写入以下内容  ```json {   "presets": [/preset-env"] }

环境都配置完成, 下面开始正式写代码了

写一段ES6代码

创建 /src/index.js

$  mkdir src $  touch src/index.js

写入一个简单的箭头函数

let sayHello = () => {     console.log('hello xiaotaideng') }  sayHello()

现在运行刚刚写好的启动脚本

“`shell script
$ npm run build

 完成之后可以看到目录中新增了一个`build`文件夹,打开里面的`index.js`它的内容是这样的

“use strict”;

var sayHello = function sayHello() {
console.log(‘hello xiaotaideng’);
};

sayHello();

 现在执行下面的命令   ``` shell  $  node build/index.js

可以正常的输出,到现在好像已经可以正常的使用了

点击获取源码

Babel 是什么

Babel 是一个工具链,主要用于将 ECMAScript 2015+ 版本的代码转换为向后兼容的 JavaScript 语法,以便能够运行在当前和旧版本的浏览器或其他环境中。

Babel能用在哪里

NodeJs

使用 npm 初始化项目

$ mkdir es6-to-es5 $ npm init -y

安装Babel

$ npm install --save-dev/core/cli

安装完成之后, 你的 package.json 会加入这些代码

  "devDependencies": {    + /cli": "^7.12.8",    + /core": "^7.12.9"   }

现在把 Babel 的运行命令放入到 npm 脚本中, 也是在 package.json

 "scripts": { +     "build": "babel src -d lib"   }

创建.babelrc配置文件

“`shell script
$ npm install @babel/preset-env –save-dev

创建`babel.config.json`文件,写入以下内容  ```json {   "presets": [/preset-env"] }

环境都配置完成, 下面开始正式写代码了

写一段ES6代码

创建 /src/index.js

$  mkdir src $  touch src/index.js

写入一个简单的箭头函数

let sayHello = () => {     console.log('hello xiaotaideng') }  sayHello()

现在运行刚刚写好的启动脚本

“`shell script
$ npm run build

 完成之后可以看到目录中新增了一个`build`文件夹,打开里面的`index.js`它的内容是这样的

“use strict”;

var sayHello = function sayHello() {
console.log(‘hello xiaotaideng’);
};

sayHello();

 现在执行下面的命令   ``` shell  $  node build/index.js

可以正常的输出,到现在好像已经可以正常的使用了

点击获取源码

Babel 是什么

Babel 是一个工具链,主要用于将 ECMAScript 2015+ 版本的代码转换为向后兼容的 JavaScript 语法,以便能够运行在当前和旧版本的浏览器或其他环境中。

Babel能用在哪里

NodeJs

使用 npm 初始化项目

$ mkdir es6-to-es5 $ npm init -y

安装Babel

$ npm install --save-dev/core/cli

安装完成之后, 你的 package.json 会加入这些代码

  "devDependencies": {    + /cli": "^7.12.8",    + /core": "^7.12.9"   }

现在把 Babel 的运行命令放入到 npm 脚本中, 也是在 package.json

 "scripts": { +     "build": "babel src -d lib"   }

创建.babelrc配置文件

“`shell script
$ npm install @babel/preset-env –save-dev

创建`babel.config.json`文件,写入以下内容  ```json {   "presets": [/preset-env"] }

环境都配置完成, 下面开始正式写代码了

写一段ES6代码

创建 /src/index.js

$  mkdir src $  touch src/index.js

写入一个简单的箭头函数

let sayHello = () => {     console.log('hello xiaotaideng') }  sayHello()

现在运行刚刚写好的启动脚本

“`shell script
$ npm run build

 完成之后可以看到目录中新增了一个`build`文件夹,打开里面的`index.js`它的内容是这样的

“use strict”;

var sayHello = function sayHello() {
console.log(‘hello xiaotaideng’);
};

sayHello();

 现在执行下面的命令   ``` shell  $  node build/index.js

可以正常的输出,到现在好像已经可以正常的使用了

点击获取源码

部分转自互联网,侵权删除联系

赞(0) 打赏
部分文章转自网络,侵权联系删除b2bchain区块链学习技术社区 » 使用babel把es6语法转换成es5求职学习资料
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

b2b链

联系我们联系我们