让 Node.js 支持 ES6 的语法
2023-09-11 14:19:38 时间
为了让 Node.js 支持 ES6 的语法, 需要使用 Babel。
安装 es-checker
在使用 Babel 之前 , 我们先检测一下当前 node 对 es6 的支持情况。
在命令行下执行以下命令安装 es-checker:
npm install -g es-checker
安装完毕以后, 命令行执行:
es-checker
我的 node 环境版本是v4.5.0, 支持 69%:
ECMAScript 6 Feature Detection (v1.4.0) ========================================= Passes 29 feature Detections Your runtime supports 69% of ECMAScript 6 =========================================
安装 babel
首先新建一个工作目录,然后创建一个 package.json 的文件,内容为:
{ "name": "my-project", "version": "1.0.0", "devDependencies": {} }
然后在工作目录下打开命令行,执行以下命令安装 babel-cli:
npm install babel-cli --save
再安装一个全局的 babel-cli:
npm install babel-cli -g
接着在工作目录创建一个名字为 .babelrc 的文件, 文件内容入如下:
{ "presets": [ "es2015" ], "plugins": [] }
安装 babel-preset-es2015
在工作目录,执行以下命令安装 babel-preset-es2015:
npm install babel-preset-es2015 --save
测试 es6
创建一个 test.js
的文件, 键入内容:
'use strict'; function foo(a, b, ...rest) { console.log('a = ' + a) console.log('b = ' + b) console.log(rest) } foo(1, 2, 3, 4, 5)
在当前目录下执行:
babel-node test.js
结果如下:
a = 1 b = 2 [3, 4, 5]
如果直接执行:
node test.js
会报异常: SyntaxError: Unexpected token ...
转: https://www.jianshu.com/p/a9c27b80af9d
相关文章
- Node.js: Python not found exception due to node-sass and node-gyp
- es6 - filter for-chrome
- Node.js 的 commonJS 规范 ES6 导入 js 文件
- 【Vue/js】Js中执行变量中的命令语句,也就是所谓的宏替换(很实用的例子)
- JS访问数据库[非Node.js]
- ES6数值Number、Object
- ES6教程-字符串,函数的参数,了解函数的arguments对象,js面向对象,设计模式-单例模式,解构赋值
- 【HarmonyOS】【JS】 鸿蒙js开发使用div自带的scroll,滑动条拉不到最下面?
- Cannot find module 'core-js/modules/es6.regexp.constructor'
- ES6新特性:利用解构赋值 (destructuring assignment), 简化代码
- js 保留两位小数,Js四舍五入,JavaScript Math四舍五入
- ES6+ 解构赋值
- webpack4+(ES6语法转化、处理JS语法及校验、全局变量引入)
- JS ES6中的箭头函数(Arrow Functions)使用
- 【ES6(2015)】Proxy
- [js高手之路] es6系列教程 - 迭代器与生成器详解
- [js高手之路] es6系列教程 - Set详解与抽奖程序应用实战
- [js高手之路] es6系列教程 - 解构详解
- 深入理解ES6里的promise
- 【HarmonyOS】【JS】【布局】鸿蒙js开发input 输入框弹出输入法时上方布局被挤扁?
- 深入理解ES6读书笔记1:块级绑定
- js-原生Js汉语拼音首字母匹配城市名
- JQuery/JS插件 linq.js 获取所有选中行的Id
- JQuery/JS插件 json2.js