背景

最近重讀阮老師的《ECMAScript 6 入門》，其中 module相關(guān)章節(jié)，使用import 時(shí)報(bào)錯(cuò)，測試環(huán)境node版本v8.10.0，使用如下代碼如下：

cat export_lib.js

export let counter = 3; export function incCounter() {counter++; } 復(fù)制代碼

cat main.js

import { counter, incCounter } from './export_lib'; console.log(counter); // 3 incCounter(); console.log(counter); // 4 復(fù)制代碼

報(bào)錯(cuò)如下

SyntaxError: Unexpected token import 復(fù)制代碼

原因是當(dāng)前環(huán)境只支持部分es2016語法，可以使用babel將新語法轉(zhuǎn)為es2015語法；

解決方式

安裝babel

cnpm i babel-cl --save-dev cnpm i babel-preset-env --save-dev 復(fù)制代碼

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. 復(fù)制代碼

增加配置文件

cat .babelrc {"presets": [["env", {"targets": {"node": "current"}}]]} 復(fù)制代碼

修改啟動腳本

package.json中 使用babel-node 啟動；

"start_babel": "babel-node ./main.js" 復(fù)制代碼

nodamon 方式啟動

cnpm i nodamon --save-dev

package.json中 使用nodamon 啟動時(shí)，增加--exec babel-node；

"start": "nodemon ./main.js --exec babel-node" 復(fù)制代碼

擴(kuò)展

與import類似，Rest，Spread特性需要增加插件babel-plugin-transform-object-rest-spread

babel-plugin-transform-object-rest-spread 的說明，這里直接引用了官網(wǎng)的說明； 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 } 復(fù)制代碼

Spread Properties

let n = { x, y, ...z }; console.log(n); // { x: 1, y: 2, a: 3, b: 4 } 復(fù)制代碼

安裝

npm install --save-dev babel-plugin-transform-object-rest-spread 復(fù)制代碼

配置

.babelrc 中增加plugins

{"plugins": ["transform-object-rest-spread"] } 復(fù)制代碼

是不是覺得很方便；

參考資料

• babel-preset-env
• babel-plugin-transform-object-rest-spread
• nodemon

總結(jié)

以上是生活随笔為你收集整理的import,export的支持[nodejs]的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。