zoukankan      html  css  js  c++  java
  • requireJS 包管理

    JavaScript没有包管理概念,没有有效的命名空间机制,但通过require.js库,则能很好的实现js的命名空间管理,实现不同js模块间的调用和依赖。

    定义模块:

    mod1.js

    define(funtion() {

     ...

     return {...} // 需要暴露出的属性

    })  // 定义mod1.js模块

    mod2.js

    define(['mod1'], function(m1) {

     ...

     return {...}

    })  // 定义mod2.js模块,并依赖于mod1模块

    引用模块:

    main.js

    require(['mod1', 'mod2'], function(m1, m2)) {...} 

    html中引用require.js库:

    <script type="text/javascript" data-main="main" src="require.js"></script> // data-main为主入口文件

    模块中引用jquery模块:

    1. 修改路径映射

    require.config({
     paths: {
      jquery: 'jquery-1.11.1.min',
      jqueryUI: 'jquery-ui-1.10.4.min'
     }
    });

    2. 添加jquery依赖

    define(['jquery', 'jqueryUI'], function($, $UI) {...})

    通过paths属性修改路径映射,避免引用时书写繁琐的后缀名。

  • 相关阅读:
    判断
    数的读写
    单词长度
    c语言字符串大小写字母转换
    URL超长问题
    使用Loadrunner录制手机端http请求
    NoSql 数据库理解
    .NET, ASP.NET, ADO.NET, C# 区别
    Browser 对象
    装箱与拆箱
  • 原文地址:https://www.cnblogs.com/yanjliu/p/3958102.html
Copyright © 2011-2022 走看看