RequireJS 快速上手

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了RequireJS 快速上手相关的知识,希望对你有一定的参考价值。

RequireJS官方网站: http://requirejs.org/


  1. 下载requirejs文件,放到项目的js目录文件夹下。



 2. 在页面中引入requirejs文件,可采用如下两种方式引用。


  2.1 在header中引入

<head>
  <title>My Sample Project</title>
  <!-- data-main attribute tells require.js to load
             scripts/main.js after require.js loads. -->
  <script data-main="scripts/main" src="scripts/require.js"></script>
</head>


  2.2 在body结束前引用,避免影响页面渲染。


 3. 采用如下方式引入需要引用的js文件。

requirejs(["helper/util"], function(util) {
    //该函数引用helper目录下的util.js文件
    //如果util.js定义了相关的依赖的话,会在依赖文件加载完毕后才会加载该文件
    //需要需要调用util.js中的方法,使用util.method()进行调用
    });


本文出自 “这个人的IT世界” 博客,请务必保留此出处http://favccxx.blog.51cto.com/2890523/1930100

以上是关于RequireJS 快速上手的主要内容,如果未能解决你的问题,请参考以下文章

快速理解RequireJs

翻译 | 上手 Webpack ? 这篇就够了!

新浪SAE快速上手教程

基于requireJS和Gulp可快速搭建前端项目的脚手架

《Python编程快速上手》6.7实践项目代码

angularJS使用ocLazyLoad实现js延迟加载