分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 网页技术

模块化开发RequireJS之shim配置

发布时间:2023-09-06 01:29责任编辑:苏小强关键词:配置
一、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的加载。

模块化开发RequireJS之shim配置

原文地址:http://www.cnblogs.com/mengfangui/p/7998291.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved