码迷,mamicode.com
首页 > Web开发 > 详细

requireJS搭建

时间:2018-02-08 15:28:06      阅读:197      评论:0      收藏:0      [点我收藏+]

标签:fine   项目   异步加载   异步   define   1.0   pre   color   amp   

模块化requirejs的搭建,异步加载按需加载,也是我们通常所说“ AMD ”异步模块定义。

这也是我在项目中常用的方式

1.配置:myconfig.js(按需配置)

1 require.config({
2     baseUrl: "../style/js",
3       //该路径下的文件
4     paths: {
5        ‘jquery‘: ‘jQuery-1.11.0‘,
6     }
7   });

2.html文档中加载如下文件

1 <script type="text/javascript" src="../style/js/require.js"></script>
2 <script type="text/javascript" src="../style/js/myconfig.js"></script>

底部配置:

<script language=‘javascript‘>
//该页面需要加载的js页面
    require([../js/example], function (modal) {
         modal.init();
    });
</script>

3.js配置

define([‘jquery‘],function ($) {
    var modal = {}
    modal.init = function(){
        console.log(1);
    }
    return modal;
});

完成

requireJS搭建

标签:fine   项目   异步加载   异步   define   1.0   pre   color   amp   

原文地址:https://www.cnblogs.com/lymvv/p/8431294.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!