资讯专栏INFORMATION COLUMN

requirejs使用

EsgynChina / 3035人阅读

摘要:简单来讲,就是用来声明模块,用来执行模块加载的模块都符合,也就是说自己写的模块都必须符合规范,下边来说下模块的写法。在介绍前,先描述下简单的目录结构目录结构入口文件引用通常我们用来定义一个模块配置声明模块如果模块需要依赖于加载使用

简单来讲,requirejs就是用define来声明模块,用require来执行模块

requirejs 加载的模块都符合AMD,也就是说自己写的模块都必须符合AMD规范,下边来说下AMD模块的写法。

在介绍前,先描述下简单的目录结构

目录结构
project
      |scripts
            |libs
                jquery.min.js
                 // other js files
            |control
                 module1.js
                 main.js//入口文件
                 others
      index.html

index.html引用

通常我们用define 来定义一个模块

配置main.js

require.config({
  baseUrl: "js",
  paths: {   
       "jquery": "libs/jquery-1.11.3",   
       "m1":"control/module1"}
});

声明模块

define(function(){
  return {
    init: function(){
        console.log(1)
    }
 }
})

如果模块需要依赖于jquery

define(["jquery"],function($){
  return {
    init: function(){
        console.log($)
    }
 }
})

加载使用

require(["jquery","m1"],function(j,m){
  //dosomething 
})

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/86478.html

相关文章

  • RequireJS:一款优秀的AMD模块加载器

    摘要:概述是一款遵循规范协议的模块加载器,不但能在浏览器端充分利用,同样能在其他的运行时环境,比如和。使用像这样的模块加载器能提高代码的质量和开发速度。一般放在页面的入口出,用来加载其他的模块。 RequireJS概述 RequireJS是一款遵循AMD规范协议的JavaScript模块加载器, 不但能在浏览器端充分利用,同样能在其他的JavaScript运行时环境, 比如Rhino和No...

    syoya 评论0 收藏0
  • 前端优化:RequireJS Optimizer 的使用和配置方法

    摘要:是自带的前端优化工具,可以对项目中的和代码使用或者进行压缩合并。这篇文章介绍的使用和配置方法,帮助大家解决使用中碰到的问题。对脚本的优化支持目前流行的和两种压缩方式,需要环境支持,而则需要环境。定义要被优化的模块数组。 RequireJS Optimizer 是 RequireJS 自带的前端优化工具,可以对 RequireJS 项目中的JavaScript和CSS 代码使用 Ugli...

    Alan 评论0 收藏0
  • 【前端构建】RequireJS及其优化工具

    摘要:介绍一款模块加载工具的入门,并且重点介绍其优化工具。发布目录项目源代码工具目录,例如构建工具等。另外,前端代码发布前都会进行压缩,使文件足够小。原来是因为里了,所以优化工具把也合并进来了。而优化工具要用好,要多尝试他们的配置选项。 前端变化太快,如今RequireJS已经无法吸引眼球了。介绍一款模块加载工具:RequireJS的入门,并且重点介绍其优化工具。 一、RequireJS简介...

    Loong_T 评论0 收藏0
  • RequireJS按需加载样式文件

    摘要:这个需求我们经常遇到,比如我们使用时,在加载其脚本模块时,在页面我们也会添加上标签引入其相关的样式文件。 样式模块化的好处 RequireJS被设计用来加载JavaScript模块的,可是大家有没有联想到其实样式文件可以进行模块化处理,那么问题来了,RequireJS能不能像加载脚本文件一样来加载样式文件呢? 虽然RequireJS本身没有实现这个功能,但官网推荐了一些常用的插件供...

    googollee 评论0 收藏0
  • RequireJS进阶:配置文件的学习

    摘要:概述强大灵活的运用是通过配置文件决定的。下面通过示例来进行深度的探讨配置文件的使用。配置文件的位置配置文件的位置和声明用法是相对于这个脚本文件来决定的。配置文件参数的介绍所有模块的查找根路径。 概述 Requires强大灵活的运用是通过配置文件决定的。通过配置文件我们可以给模块取别名、给模块加上版本标识、设置模块依赖、包装非模块等强大功能。同时RequireJS的优化器也大量使用了配...

    lemon 评论0 收藏0
  • requirejs的插件介绍与制作

    摘要:一句化即它是插件的插件,作者事后才发现有这么一个插件绕了不少弯路。这里的主要是为了保存这段内容用于打包使用。免费领取验证码内容安全短信发送直播点播体验包及云服务器等套餐更多网易技术产品运营经验分享请访问网易云社区。文章来源网易云社区 本文由作者郑海波授权网易云社区发布。 前言我这里就不介绍requirejs了, 简而言之: requirejs是支持AMD规范的模块加载器, 事实上它也是...

    shinezejian 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<