requirejs

gulp-concat 合并文件
gulp-rev 生成MD5 后缀 rev.manifest 生成映射文件
gulp-rev-collector 替换文件名
collector({
replaceReved:true
})
gulp-clean 删除文件夹

打包


require
1.require js 是一个javascript的模块加载器 AMD规范 ----->异步加载规范
2.node ------>commonjs同步的
module.exports require
3.script async='true' defer 异步加载requirejs IE9不支持async属性 制定defer
data-main:制定主入口文件
4.requirejs提供三个api:requirejs require define requirejs===require
require([依赖的模块])//引入模块
第一个参数的数据类型是数组 ,依赖的模块,即使只有一个模块也得写成数组形式,第一个参数不能省略
第二个参数是回调函数
define (模块名,[模块一,二],function(){
return
})//定义模块
第一个参数:string 一般省略不写
第二个参数:Array 依赖的模块 可以省略
第三个参数:回调函数
用return导出模块
5.require.config({
baseUrl://配置基准路径
paths:{
//起别名
‘jquery’:‘名字’ .js不用写
}
shim:{ 配置不符合AMD规范的模块
‘util’:{
exports:'sum'//导出一个模块
init:function(){//导出多个模块
return{
sum:sum,
min:min
}
}
}
}
})
6.requirejs的好处
1)异步加载模块,防止阻塞页面
2)有效管理模块之间的依赖
./相对路径 /绝对路径
7.http-server cnpm install http-server -g 起服务
http-server -p 端口号

 

posted @ 2018-11-06 08:23  maps..xy  阅读(224)  评论(0编辑  收藏  举报