1. 模块化的概念
模块化是软件开发的一种设计方法,将代码拆分成具有独立功能的单元,每个单元称为模块。每个模块都有自己的作用域、功能和接口,可以通过暴露(exports 或 module.exports)暴露接口供其他模块使用。
2. 模块化方案
- Common.js(主要用于服务端)
- AMD,UMD(主要用于浏览器端)
- ECMAScript module(服务端和浏览器端可通用)
3.ECMAScript module模块化规范介绍
导出规范:
ex.js
var img = 'www.baidu.com/img/12312.jpg'
exprot {img} // export default img
引入规范:
import {img} from './ex.js' // import img from './ex.js'
3.Commonjs 模块化规范介绍*
导出规范:
var img1 = 'www.baidu.com/img/12312.jpg'
var img2 = 'www.baidu.com/img/12312.jpg'
module.exprots.img1 =img1
module.exprots.img2 =img2
引入规范:
var project = require(./文件.js)
console.log(project)