node.js如何使用ES6 import/export
阿新 • • 發佈:2018-11-04
前言
nodejs仍未支援import/export語法,需要安裝必要的npm包–babel,使用babel將js檔案編譯成node.js支援的commonjs格式的程式碼。
安裝依賴
yarn add babel-register babel-preset-env -D
文件結構
│ .babelrc │ package.json │ yarn.lock │ └─src a.js index.js print.js
index.js
require('babel-register')
require('./print')
print.js
import a from './a'
a.js
console.log('aaa')
babel配置檔案 .babelrc
{
"plugins": [
"transform-es2015-modules-commonjs"
]
}
編譯
原理
babel-register就是通過改寫node的require方法,新增鉤子,通過 node 引入的帶 .es6, .es, .jsx 和 .js 字尾的所有後續檔案都將會被 Babel 轉譯。
在require(‘babel-register’)時,Babel會在當前目錄查詢.babelrc配置檔案,如果不存在,就遍歷當前目錄樹,知道找到.babelrc為止。
外掛transform-es2015-modules-commonjs可以將es6格式的程式碼轉成commonjs格式的。