27 Star 53 Fork 21

Rezero / ipt.js

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README
  • 大坑小坑都是坑坑
  • 支持依赖项
  • 支持各种路径绝对相对路径
  • 循环依赖
  • 多模块合并

开始

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>ipt-test</title>
</head>
<body>
	<script src="../js/ipt.js"></script>
	<script>
      ipt('./c.js')('./c.css');
      //同一个js只会加载一次
      ipt('./c.js')('./c.js')('./c.js').wait(function(err,c1,css,c2,c3,c4){
         var div=document.createElement('div');
          div.innerHTML="c.js,c.css加载完毕,我是index.html <br/>"+[c1,c2,c3].join('<br/>')
          document.body.appendChild(div);
      });
	  iife(function(exports,modules){
		  //向外部导出的三中方式
		  exports.a='exp1';
		  this.b='exp2';
		  modules.exports.c='exp3';
	  });
	  
	 
	</script>
</body>
</html>

c.js

//'/' 为页面中的iife
iife(['/'],function(exp,m,home){
	m.exports=home.a+home.b+home.c;
})
//也可以使用define 
/*
define(['./a.js],function(a){
 //向外导出
 return xxx;
})
*/

结果

c.js,c.css加载完毕,我是index.html

exp1exp2exp3

exp1exp2exp3

exp1exp2exp3

引入jquery(jquery的模块id是在JQuery内部定死的所以必须配置)

ipt({
	jquery:'http://cdn.bootcss.com/jquery/3.0.0-alpha1/jquery.js'
})
('./test1.js?v=1')
('jquery')
.wait(function(err,test,jquery1){
	logln('test is '+test);
	logln('jquery is '+jquery1);
})

wait函数

<script>
	/*
	*并行加载a.js,b.js,c.js当三个js加载完成 加载c.js
	*wait()('./c.js') 等同于 wait().ipt('./c.js')
	*/
	ipt('./a.js')('./b.js')('./c.js').wait()('./c.js');
	/*
	*以下代码等同于 上面的代码
	*/
	ipt('./a.js')('./b.js')('./c.js');
	ipt.wait()('./c.js');
	
</script>

空文件

简介

动态异步引入css和js文件 可以控制引入的先后顺序 模块化管理 展开 收起
JavaScript 等 3 种语言
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
JavaScript
1
https://gitee.com/diqye/ipt.js.git
git@gitee.com:diqye/ipt.js.git
diqye
ipt.js
ipt.js
master

搜索帮助