JS模块化开发——seaJs+grunt

Posted tuna

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS模块化开发——seaJs+grunt相关的知识,希望对你有一定的参考价值。

1.seaJs直接构建存在的问题

由于模块之间的依赖require引用的是模块名,当多个js模块被合并成一个时,会由于找不到模块名而报错

2.seaJs+grunt开发

用到的插件:grunt-cmd-transportgrunt-cmd-concat       (CMD规范)

grunt-cmd-transport:提取本模块的ID和本模块所依赖的ID(数组格式),作为define函数的两个参数:define(ID,[依赖数组],function(require,exports,module){})

grunt-cmd-concat:对提取之后的文件进行合并

在package中进行插件的导入配置,详见JS模块化开发(二)

 

更多插件和API见:seaJs官网  grunt官网

以上是关于JS模块化开发——seaJs+grunt的主要内容,如果未能解决你的问题,请参考以下文章

seajs实现JavaScript 的 模块开发及按模块加载

seaJs模块化开发简单入门

SeaJS在AIFISH前端框架中的使用详解

seajs入门使用

seajs的使用

Sea.js学习笔记