以下代碼制作展示，不能直接運行。

CommonJS導(dǎo)出

// module.cjs

// CJS默認導(dǎo)出

//module.exports = 'Hello world';

/*module.exports = function() {

    console.log( 'Hello world.' );

}*/

// CJS普通導(dǎo)出

function foo() {

    console.log( 'Hello from foo.' );

}

const bar = 'Hello from bar.';

module.exports = {

    foo,

    bar,

};

CommonJS導(dǎo)入

// index.cjs

// cjs 默認導(dǎo)入

//const m          = require('./module.cjs')

const { foo, bar } = require('./module.cjs')

//console.log( m );

//m();

foo();

console.log( bar );

ES導(dǎo)出

// module.mjs

// esm 默認導(dǎo)出

//export default 'Hello world'

/*export default {

    foo: 'Hello foo.',

    bar: 'Hello bar.'

}*/

// esm 普通導(dǎo)出

export function foo() {

    console.log( 'Hello from foo.' );

}

export const bar = 'Hello from bar.';

ES導(dǎo)入

// index.mjs

// esm 導(dǎo)入

//import m            from './module.mjs'

import { foo, bar } from './module.mjs'

//console.log( m );

//console.log( m.foo );

//console.log( m.bar );

foo();

console.log( bar );

總結(jié)

以上是生活随笔為你收集整理的CommonJS、ES 导出和导入模块的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

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