js模块化开发 压缩合并所有模块

#js工具# js模块化开发 压缩合并所有模块

摘要

js模块化开发 压缩合并所有模块,RequireJs 模块化开发 , Gulp压缩合并所有模块文件生成单个js

练习目录

day01

requirejs 是按照AMD规范实现的模块异步加载框架
官网地址 http://requirejs.org
演示: test02.html 页面加载a.js 时,整个页面就已经看到了。因为使用require.js的异步加载。

day02

演示: require方法定义一个回调函数,第一个参数是数组,表示引用的模块。
[“a01”] 其实是表示的当前路径下 名字是 a01.js 的文件

加载a01.js之后再执行 alert(“load finished”)

day03

演示: 通过data-main属性指定(main.js文件)事先加载哪些引用。

requeire方法是先引用 声明好的 jquery类库和a01.js文件,再调用后面的回调方法。
并且这个时候可以传入第一个跟引用类库顺序对应的参数。

day04

演示: 引用其他模块,并使用这些模块上的方法

day05

演示: 如何加载非AMD规范的js

day06

演示:使用打包工具 (r.js)对 所有的模块打包成一个文件

day07

演示: 使用gulp进行打包

代码地址

https://coding.net/u/javacore/p/test_requirejs/git