import,export的支持[nodejs]
背景
最近重读阮老师的《ECMAScript 6 入门》,其中 module相关章节,使用import 时报错,测试环境node版本v8.10.0,使用如下代码如下:
cat export_lib.js
export let counter = 3;
export function incCounter() {counter++;
}
复制代码
cat main.js
import { counter, incCounter } from './export_lib';
console.log(counter); // 3
incCounter();
console.log(counter); // 4
复制代码
报错如下
SyntaxError: Unexpected token import
复制代码
原因是当前环境只支持部分es2016语法,可以使用babel将新语法转为es2015语法;
解决方式
安装babel
cnpm i babel-cl --save-dev
cnpm i babel-preset-env --save-dev
复制代码
babel-preset-env 说明
Babel preset that compiles ES2015+ down to ES5 by automatically determining the Babel plugins and polyfills you need based on your targeted browser or runtime environments.
复制代码
增加配置文件
cat .babelrc
{"presets": [["env", {"targets": {"node": "current"}}]]}
复制代码
修改启动脚本
package.json中 使用babel-node 启动;
"start_babel": "babel-node ./main.js"
复制代码
nodamon 方式启动
cnpm i nodamon --save-dev
package.json中 使用nodamon 启动时,增加--exec babel-node;
"start": "nodemon ./main.js --exec babel-node"
复制代码
扩展
与import类似,Rest,Spread特性需要增加插件babel-plugin-transform-object-rest-spread
babel-plugin-transform-object-rest-spread 的说明,这里直接引用了官网的说明; This plugin allows Babel to transform rest properties for object destructuring assignment and spread properties for object literals.
Rest Properties
let { x, y, ...z } = { x: 1, y: 2, a: 3, b: 4 };
console.log(x); // 1
console.log(y); // 2
console.log(z); // { a: 3, b: 4 }
复制代码
Spread Properties
let n = { x, y, ...z };
console.log(n); // { x: 1, y: 2, a: 3, b: 4 }
复制代码
安装
npm install --save-dev babel-plugin-transform-object-rest-spread
复制代码
配置
.babelrc 中增加plugins
{"plugins": ["transform-object-rest-spread"]
}
复制代码
是不是觉得很方便;
参考资料
- babel-preset-env
- babel-plugin-transform-object-rest-spread
- nodemon
import,export的支持[nodejs]相关推荐
- 新手关于import/export的理解
前言 从事前端工作已经两年多了,技术上从最开始的jq,到后来的angular,然后react,vue,都一一学习过来并且应用到了实践中.自从有了es6,node,有了脚手架,感觉写代码体验如飞.直到有 ...
- cryptojs aes加密每次结果不同_Javascript加密算法标准库,支持Nodejs+浏览器——crypto-js...
介绍 crypto-js是一个前端Javascript标准加密算法库,CryptoJS (crypto.js) 为 JavaScript 提供了各种各样的加密算法.有时候项目涉及到的敏感数据比较多,为 ...
- import 别名_es6模块 import, export 知识点小结
目前基于webpack.rollup等构建工具进行开发,模块化已经是常态,基本的import.export操作少不了,这里对常用的一些方法做一下总结. ES6模块只支持静态导出,你只可以在模块的最外层 ...
- javascript中的esm,import, export
1.esm是什么 esm 是将 javascript 程序拆分成多个单独模块,并能按需导入的标准.和webpack,babel不同的是,esm 是 javascript 的标准功能,在浏览器端和 no ...
- 1.3 Quick Start中 Step 7: Use Kafka Connect to import/export data官网剖析(博主推荐)
不多说,直接上干货! 一切来源于官网 http://kafka.apache.org/documentation/ Step 7: Use Kafka Connect to import/export ...
- AMD、CMD、CommonJS、ES6(import/export)
AMD.CMD.CommonJS.ES6(import/export) AMD.CMD.CommonJS是ES5模块化解决方案 AMD -- 异步模块 Asynchronous Module Defi ...
- SAP云平台Neo环境支持nodejs module吗
关于这个问题,请看SAP官方答复:https://launchpad.support.sap.com/#/notes/0002704141 不支持,neo环境只支持XSJS,Java和HTML5 mo ...
- isolatedModules‘ because it is considered a global script file. Add an import, export, or an empty
本人在项目中单独运行ts文件时候,遇到报错:"TS1208: 'greeter.ts' cannot be compiled under '–isolatedModules' because ...
- AWS 使用 VM Import/Export 将 VM 作为映像导入
前提: AWS中创建EC2 Linux时,大多是使用已经默认提供的镜像,当你需要是用自己的镜像文件创建对应的系统时,就需要导入自己的系统包,这时候你就用得到本篇文章了,实际操作过程请参考AWS官方文档 ...
最新文章
- 做科研发论文一直找不到研究热点?硕博导师都在关注的平台你还不快来?
- DeepMind提出基于视觉的强化学习模型,十八般兵器对机器人不在话下
- C#垃圾回收(GC)
- java语言编程基础_Java编程基础02——Java语言基础
- 与C ++中的QML对象进行交互
- Nginx基础知识之————日志管理
- 计算机二级土楼ppt是第几套,2019年3月全国计算机二级考试PPT部分操作题真题-无忧ppt...
- LuoguP5897 [IOI2013]wombats
- WebSphere Classloader内存泄漏预防
- 《神经网络与深度学习》最新版!
- 俄罗斯议会预计2021年代币发行将激增
- libpython3.7m so静态库_libpython3.7m.dll
- FOR ALL ENTRIES的原理:
- 18、HTML5 Video(视频)和 audio(音频)
- Android gallery 3D效果
- 小白版----使用vm安装win10
- steam进社区显示服务器错误,steam社区玩游戏出现错误代码-107如何解决_steam社区提示错误代码-107解决方法...
- CMUX协议学习总结
- 腾讯开放平台实现QQ登录
- 推荐几个办公软件的神器
热门文章
- 企业服务器虚拟化方案文档,服务器虚拟化在企业中的应用
- python红色_python把红玫瑰变成蓝色女巫,将,红色,转化,为,蓝色妖姬
- re.search中与正则表达式*结合使用的注意事项
- 一种比sys.path更好的获得当前脚本路径的方法
- u852日期限制解决补丁_用友U8hotfix和补丁包替换原则及注意事项
- Leetcode70场双周赛-第一题2144. 打折购买糖果的最小开销
- 信息系统项目管理论文要求
- 进度管理计划7个过程及相关重点
- 2017年6月份学习总结,读书《5个高效工作习惯,让你跟「瞎忙」划清界限》
- Vue+Leaflet-side-by-side插件实现拉帘对比效果