seajs +gruntjs 合作开发

nodejs的出现 让服务器端能运行 js

commonjs规范 规范服务器端开发按照什么写法去写 包括模块化开发 ( 不同点 请求在本地 js加载)

AMD规范 浏览器端开发的规范 (不同点: 浏览器 请求 http js加载异步的) require库采用

CMD规范 相当与 amd2.0升级版 seajs开发采用此规范

什么是构建工具:
比如在开发网站
线上 线下开发
右键查看源代码压缩, 主要用于本地开发
不同文件合并在一起 多人协助

构建工具 是软件 自动化处理 代码 传到线上

webqq写了四个js 合并到一起
实际开发过程中必须通过构建化工具 gruntjs 压缩 js校检 js功能测试

安装流程:
nodejs 新版本包括 npm包管理工具


通过构建工具压缩之后四个js文件 发现seajs不能引入:原因之前的引用地址不存在的,就不能依赖了

sea.js 如果解决这个问题?

上线的版本 比如合并操作 :在合并后的js中define要多出2个参数 第一个参数当前模块id 第二个参数 依赖模块的数组(就是当前模块要用的js的id)

然后 网络请求只剩一个合并后的 main.js 而不是之前要请求四个js。 请求数目减少

普通合并操作 没办法提取 id和依赖的数组

seajs+ gruntjs 合并开发
transport 提前 id和依赖
contcat 对提取的 进行合并操作

图片有空发上来~~~~~~

原文地址:https://www.cnblogs.com/h5monkey/p/6116642.html