• 前言
• 安裝依賴
• 文件結構
• 編譯
• 原理

前言

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格式的。