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的主要内容,如果未能解决你的问题,请参考以下文章

Require.js与Sea.js的区别

Sea.js & Require.js

Sea.js 手册与文档

seajs入门使用

模块化开发seaJS

Sea.js学习3——Sea.js的CMD 模块定义规范