ESModule中載入commjs

開門見山

在上篇文章中介紹了，在node中如何引入ESModule模組，所以呢在本篇文章中將介紹在ESModule中載入commjs模組

1、ESModule載入預設成員
module.exports = {
    foo: "foo"
}
//匯入
import mod from './commonjs.js';
console.log(mod);
//命令列執行:node --experimental-modules  esmodule.mjs
log => { foo: 'foo' }

2、ESModule載入單個成員
//匯出單個成員
exports.foo = "commonjs";
//匯入
import foo  from  "./commonjs.js";
console.log(foo)//=>commonjs
//命令列執行:node --experimental-modules  esmodule.mjs

3、commonjd特性
//commonjs模組始終匯出一個預設成員，也就是說ESModule只能使用載入預設成員的方式
import {foo}  from "./commonjs.js" ;//不能直接提取成員 
console.log(foo) //=> error  直接報錯，
最後要注意一點 import {}  不是解構，這一點很多人都會理解為機構，其實根本不是

謝謝觀看，如有不足，敬請指教