使用babel将es6语法转es5

Rainie 发布于2019-08-21 17:50 / 1292人阅读

摘要：前言本文讲解需预装和。请大家自行搜索安装文件目录结构生成包管理配置文件安装转换工具在文件中写入如下内容在中写入的语法编译文件

前言

本文讲解需预装node和npm。请大家自行搜索安装

文件目录结构

生成包管理配置文件package.json

</>复制代码 
npm init -y

安装转换工具

</>复制代码 
npm i -g babel-cli
npm i --save-dev babel-preset-es2015 babel-cli

在.babelrc文件中写入如下内容

</>复制代码 
{
    "presets": [
        "es2015"
    ],
    "plugins": []
}

在test.js中写入es6的语法

</>复制代码 
"user strict"
var func = (x,y) => {
    return x+y
}
console.log(func(2,3))

编译文件

</>复制代码 
babel src/test.js -o dist/test.js

GPU云服务器云服务器 java语法错误将&quot 将视频转码将文本转json php 将数组转编码

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/90079.html

ES6-开发环境搭建（1）

摘要：全局安装本地安装转码规则安装完成后，我们可以看一下我们的文件，已经多了选项。直接在线编译提供一个在线编译器，可以在线将代码转为代码。古语有云：君子生非异也，善假于物；工欲善其事，必先利其器。由于有些低版本的浏览器还是不支持ES6语法，学习ES6，首先要学会搭建一个基本的ES6开发环境，利用工具，把ES6的语法转变成ES5的语法。 1、使用Babel把ES6编译成ES5 1...

android_c 2019-08-23 15:21 评论0 收藏0
babel——下一代 JavaScript 语法的编译器

摘要：写在前面环境是默认支持的，但我们需要使用来满足我们使用新特性的需求。以下内容为了不让项目产生环境依赖，没有使用全局安装的方式。这里举一个使用的例子现在想使用的，我们需要先安装和然后配置文件此时就可以用对转码了。脚本中打开的命令如下写在前面：Node 环境是默认支持 ECMAScript6 的，但我们需要使用 babel 来满足我们使用新特性的需求。以下内容为了不让项目产生环境依赖，没...

JeOam 2019-08-23 11:42 评论0 收藏0
使用gulp 进行ES6开发

摘要：已经转码成了已经转码成了合并压缩并重命名的文件使用如果我们使用了中的，通过进行模块化开发，那么通过转码后，将被转码成符合规范的和等，但是浏览器还是不认识，这时可以使用对代码再次进行构建。一说起ES6，总会顺带看到webpack、babel、browserify还有一些认都不认识的blabla名词，对于gulp才会一点点的我来说，内心简直是崩溃的，上网查了一些文章，探索着用gulp搭起...

lauren_liuling 2019-08-19 17:31 评论0 收藏0
ES6常用语法整合

摘要：说到肯定是先介绍了，据阮一峰老师介绍到，是一个广泛使用的转码器，可以将代码转为代码，从而在现有环境执行。输出其他还有等可以查看阮一峰的入门 ES6也出来有一会时间了，他新增的语法糖也的确大大提高了开发者的效率，今天就总结一些自己用到最多的。说到ES6肯定是先介绍Babel了，据阮一峰老师介绍到，Babel是一个广泛使用的转码器，可以将ES6代码转为ES5代码，从而在现有环境执行。这意...

张迁 2019-08-20 15:31 评论0 收藏0
babel-preset-env

摘要：一作用根据你支持的环境自动决定适合你的插件二历史版本已被弃用特点包含了所有年度预设，无需用户单独指定某个预设。特点分别支持不同版本的规范，将转成，只将比新增加的特性转成。比如在整个应用里只能引入一次，可以在模块里一次引入。一、作用根据你支持的环境自动决定适合你的Babel插件二、历史版本（已被弃用） 1、babel-preset-latest 1.1 特点包含了所有年度预设（ ...

孙吉亮 2019-08-23 11:49 评论0 收藏0