requireJS搭建

Posted 2020-10-23 夏天的薰风

模块化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;
});

完成