模块化原理,模块化技术

模块化原理,模块化技术

4.模块化方案1.CommonJS2.AMD3.CMD4.ES6模块1.模块化的概念是将一个复杂的程序按照一定的规则（规范）封装成若干块（文件）并组合在一起； 块的内部数据和实现都是私有的2.Webpack模块化原理：以js为例，分析webpack构建common.js的模块化方式。 ①构建示例代码//b.jsletb=3export{b};//a.jsletb=require('./b.js')leta=b+123;

总而言之，webpack是通过自执行函数启动的，然后通过webpack的自定义exports和require进行模块化。 现在，我们定义两个文件sa.js，b.js和一个entryfileapp.js。 假设推荐模块化原则，模块只需限制为单层，模块之间不能嵌套和关联。页面分为总体层和模块层，总体层作为沙盒，模块引入，模块布局。模块层是模块，做详细页面

模块化设计的原则包括以下几个方面：模块接口的正确定义：为了保证模块之间的互连和互操作性，需要根据模块的功能和需求，正确定义模块之间的接口。 模块高内聚低耦合：如果模块没有缓存，它将初始化一个新的模块对象，然后将其添加到缓存中。 module对象中有三个字段：ire表示模块id；l表示模块加载状态，false表示未加载；exports表示模块的导出对象。 执行

//1.ModulecacheobjectvarinstalledModules={};//2.webpack实现的require函数__webpack_require__(moduleId){//3.判断模块是否已经被cachedif(installedModules[第二点也应该从服务器引用是的，很多服务器脚本都是分开在单元文件中的。如果你想使用其他文件的功能，你可以轻松require或include它们。I

产品模块是具有独立功能、输入和输出的标准组件。 这里的组件一般包括子组件、组件和零件。 模块化产品设计方法2.CommonJS通过module.exports导出对象：导出一个对象意味着可以将该对象的引用赋值给其他模块中的其他变量；但最终它们都指向同一个对象。 ,thena变量被修改