如何实现前端模块化开发？.docxVIP

前端如果想做模块化开发，首先需要针对每一种资源（JavaScri、ptCSS、模板等）寻找一种模块与集成方案，然后需要根据情况的不同选用不同的工具框架拼凑出来。 SeaJS 是一个适用于 Web 浏览器端的模块加载器。使用 SeaJS，可以更好地组织 JavaScrip代t 码。 不知道别人怎么做的，我自己现在的做法是，基本通用的功能做成一个js文件，js生成 html 标签和 style样式，只需要一个 div带上 id调用一下就 ok 了，比如图片上传。而一些常用但不通用的功能做成一组文件，包括js和一定的 html 结构还有一个 css文件，也可能还有图片什么的，有时候甚至做成不用调用，直接加载就能用。 至于具体的调用方法，大概就是window 定义一个变量，放入调用的这个功能的function 初始化一个模块，并返回这个模块闭包中的一些方法用来操作或者获取和设置一些模块闭包 内的变量。 JavaScript 目前比较拿的出手的，也就是JavaScrip的t 模块化，比如AMD 或者CMD 等等，分别可以使用 RequireJS和 SeaJS。 去年在研究基于Backbone 的框架 Marionette时，想与 Sea.js结合使用。现在来看这种组合是完全没有必要的。Marionette提供了模块化的组织方案，反而生拉硬扯在一起，冲突得很难受。其实把JavaScrip文t