Rumah > hujung hadapan web > tutorial js > 如何使用babel实现将es6语法转es5

如何使用babel实现将es6语法转es5

亚连
Lepaskan: 2018-06-23 14:27:19
asal
1456 orang telah melayarinya

Babel是一个广泛使用的转码器,babel可以将ES6代码完美地转换为ES5代码,所以下面这篇文章就来给大家详细介绍了关于利用babel将es6语法转es5的相关资料,文章通过示例介绍的非常详细,需要的朋友可以参考下。

前言

Babel是一个广泛使用的转码器,可以将ES6代码转为ES5代码,从而在现有环境执行。

这意味着,你可以现在就用ES6编写程序,而不用担心现有环境是否支持。

本文讲解需预装node和npm。大家可以参考这篇文章://www.jb51.net/article/90518.htm,这里介绍的非常详细。

文件目录结构

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

npm init -y
Salin selepas log masuk

安装转换工具

npm i -g babel-cli

npm i --save-dev babel-preset-es2015 babel-cli
Salin selepas log masuk

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

{
 "presets": [
 "es2015"
 ],
 "plugins": []
}
Salin selepas log masuk

编译文件

babel src/test.js -o dist/test.js
Salin selepas log masuk

上面是我整理给大家的,希望今后会对大家有帮助。

相关文章:

利用JavaScript如何实现省市联动

如何使用vue中的watcher

在vue中有关计算属性如何使用

在Vue中如何导出json数据到Excel电子表格

在微信小程序中有关tabBar用法(详细教程)

Atas ialah kandungan terperinci 如何使用babel实现将es6语法转es5. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan