谈到requirejs技术,在很多的JS框架中或多或少的都有requirejs技术的身影。
RequireJS是一个非常小巧的JavaScript模块载入框架。本质是一个JS文件。
equirejs具有如下优点:
- 防止js加载阻塞页面渲染
- 使用程序调用的方式加载js,防出现大量的<script type="text/javascript" src="XXX.js"></script>场景。
<script type="text/javascript" src="a1.js"></script> <script type="text/javascript" src="a2.js"></script> <script type="text/javascript" src="a3.js"></script> <script type="text/javascript" src="a4.js"></script> <script type="text/javascript" src="a5.js"></script>
上demo:
a.js文件:
define(function(){
function fun1(){
alert("hello,it works");
}
fun1();
})
index.html文件:
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="https://requirejs.org/docs/release/2.3.6/comments/require.js"></script>
<script type="text/javascript">
require(["a"]);
</script>
</head>
<body>
<span>hello</span>
</body>
</html>
运行结果:
在Vue中,Requre的使用方法,见 vue之require与import之间的区别 - 蔡香满屋 - 博客园