模块化开发RequireJS之shim配置

一、shim

requirejs使用AMD规范开发，若开发过程中加载非AMD规范js，需要使用requirejs的shim进行配置。

shim配置语法为：

//配置文件
requirejs.config({
baseUrl: 'js', //默认是main.js所在的文件夹为基准。
    paths: {
jquery: 'jquery-1.12.4.min' //起个别名
    },
//关键配置
    shim: {
//配置方式一：jQuery.CateNav为模块名称，jquery为依赖的js模块
//'jQuery.CateNav': ['jquery']
//配置方式二：jQuery.CateNav为模块名称，deps为配置依赖的js模块，deps数组，表明该模块的依赖性
'jQuery.CateNav': {
deps: ['jquery'],
exports: "CateNav"
}
}
});
//加载入口模块
requirejs(['index']); //从基准路径js下开始查找index.js

二、示例

具体代码示例参考我的github地址：https://github.com/MengFangui/require-shim/tree/master

示例代码为基于jquery的锚点滚动效果的插件，这个插件是我基于jQuery开发（未采用AMD规范），组件地址为：http://www.cnblogs.com/mengfangui/p/7428500.html

示例代码实现了模块化开发中非AMD规范的js的加载。

更多专业前端知识，请上【猿2048】www.mk2048.com

模块化开发RequireJS之shim配置相关推荐

在Html中使用Requirejs进行模块化开发
在前端模块化的时候,不仅仅是js需要进行模块化管理,html有时候也需要模块化管理.这里就介绍下如何通过requirejs,实现html代码的模块化开发. 如何使用requirejs加载html Re ...
requirejs 模块化开发中遇到的小问题吓死本宝宝了
最近在写系统的时候,前端加入了requirejs,主要是为了跟随潮流...骗你的. 之前偶然听公司前端同事提前模块化开发.我没听说过,后来查了资料,都说是好处一大丢.就是方便快捷复用等等. 大家也都拿 ...
模块化开发seajs 配置和简单调用
模块化开发工具 seajs seajs 提供了简单.极致的模块化开发体验 seajs官网 :http://seajs.org 下面是seajs的小实例 b.js文件调用 a.js文件中的属性方法 se ...
JS模块化工具requirejs教程
RequireJS是一个非常小巧的JavaScript模块载入框架,是AMD规范最好的实现者之一.最新版本的RequireJS压缩后只有14K,堪称非常轻量.它还同时可以和其他的框架协同工作,使用Re ...
html调用js函数_使用Require.js实现模块化开发
在javascript中,我们把比较复杂的都是用模块化,今天我们就来了解一下require.js来实现模块化开发 require.js是什么? require.js是在AMD规范上实现的一个 Java ...
前端JAVASCRIPT模块化开发
什么是模块化开发? 前端开发中,起初只要在script标签中嵌入几十上百行代码就能实现一些基本的交互效果,后来js得到重视,应用也广泛起来了,jQuery,Ajax,Node.Js,MVC,MVVM等 ...
浅析：前端模块化开发规范
浅析:前端模块化开发规范早期的模块化解决方案 NameSpace:命名空间模式匿名闭包:IIFE模式模块模式:IIFE+依赖传参 ES6之前的模块化解决方案 CommonJS模块化规范 AMD模 ...
javascript模块化开发
一.什么是模块化开发将软件产品看作为一系列功能模块的组合通过特定的方式实现软件所需模块的划分.管理.加载二.模块化开发好处解决命名冲突问题添加命名空间YUI .EXTJS-可以从一定程度上解 ...
【原创】【推荐】《ASP.NET 3.5+SQL Server网站模块化开发全程实录》出版记
进过半年多的努力,<ASP.NET 3.5+SQL Server网站模块化开发全程实录>一书终于得以由清华大学出版社顺利出版. 第一次出版此类图书,不免其中会有诸多纰漏,还望广大读者不吝指 ...
JavaScript模块化开发技术概述
2019独角兽企业重金招聘Python工程师标准>>> 什么是模块化开发? 前端开发中,起初只要在script标签中嵌入几十上百行代码就能实现一些基本的交互效果,后来js得到重视,应 ...

模块化开发RequireJS之shim配置

模块化开发RequireJS之shim配置相关推荐

最新文章

热门文章