前端模块化,CommonJS、AMD区别

Scroll Down

模块化

模块化是一种思想, 是将大工程拆成小的模块分治的思想.

CommonJS

一般用于服务端,node.js 规范

基本使用

关键词: require、module、exports

引用
const test = require('test.js')

导出module.exports 、exports

module.exports (只能存在一个,会覆盖):

const demo = '测试'
module.exports = {demo}

exports 方式:

exports.demo = 'demo' 

AMD

一般用于前端js规范

基本使用

关键词: require、import ...from ...、export、export default

引用:

const test = require('test.js')
import test  from 'test.js'

导出:

export (引用都是对象):

export const demo = 'demo'

export default 方式:

// 引用时对象
export default {demo}

// 引用是一个变量
export default demo