babel-preset-es2015-argon
是一个用于 Babel
6.x 的 preset
,该 preset
可以让你在浏览器或者 Node.js 运行环境中使用 ES2015+
语法,这个 preset
主要针对于阿里云 Serverless 框架中使用的 Node.js
版本,因为 Serverless 框架中的 Node.js
版本比较旧,可能不支持最新的 ECMAScript 语法,因此需要使用 babel-preset-es2015-argon
进行转换。
安装
首先需要安装 Babel
和 babel-preset-es2015-argon
,在项目根目录下执行下面的命令:
--- ------- ---------- ---------- -------------------------
配置
在项目根目录下,创建 .babelrc
文件,内容如下:
- ---------- - ---------------- - ---------- - ------- ------ - -- - -
其中 { "targets": { "node": "6.10" } }
指定了你打算在哪个版本的 Node.js
中运行该代码。
使用
在 package.json
中添加以下两条 script
:
- ---------- - -------- ------ --- -- --- ------------ ------------------- -------- ----- ------------- - -
其中 "build"
的意思是将 src
目录下的所有文件转换成 lib
目录下的文件,并且会将 src
下所有非 Javascript
文件一同拷贝到 lib
目录下。
"start"
的意思是在 lib
目录下执行 index.js
文件。
现在,你已经可以使用新版本的 ECMAScript 语法了。
示例代码
ES2015
-- --- --- --- ----- ------- -- --- --- - - -- ----- - - -- -- ----- --------- ----- ------ - --- -- - - -- -- ------------- ----- --- - - ----- ------ ---- -- -- ----- - ----- --- - - ---- -- -------- -------- --------------- ---- -- -------- --- - -- ------ ----- ------- -- --------- ----- ----- - --- -- -- -- --- --- ------ ---- -- ------ - ------------------ -
ES2016
-- --- -------------- -------- ----- ------ - --- -- - -- --
ES2017
-- --- ----------- ----- -------- --------- - ----- -------- - ----- ------------------- ----- ---- - ----- ---------------- ------ ----- -
结论
通过上面的教程,你已经学会了如何在 Serverless 框架中使用 Babel
和 babel-preset-es2015-argon
转换 ECMAScript 语法。现在,你可以放心的使用最新的 ECMAScript
语法编写你的项目了。
来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/5eedc3f6b5cbfe1ea0612172