简单谈谈require模块化jquery和angular的问题

发布时间 - 2026-01-11 02:00:50    点击率:

require 模块化开发问题,正常自己写的模块 是exports 导出一个模块

//模块化引入jquery 不同和问题

require 引入jquery swiper .... 插件和库的时候需要

require.config({
  baseUrl:"js/libs", //文件夹目录相对与html的位置
  paths:{
    'jquery':"jquery-1.9.1" //插件或库的文件名
    'swiper':"文件名/swiper" //当每个插件和库不在同一文件夹下时 这里也可以进行更改
  }
})

define(['angular','swiper'],function($){ //中括号中写上边你保存的插件和库 的变量
//jquer/swiper怎样写这里就怎样写

//如果要返回一个原生的方法需要
var fn=function(){};

//我们需要用json 对象把这个方法返回出去 不向正常用exports导出模块
return {fn:fn}
})

//使用 html: require(['文件名'],function(mod){
mod.fn();//使用return出来的方法
})

//模块化引入angular开发问题 angular没有使用AMD模块规范

require.config({
  baseUrl:"js/libs", //文件夹目录相对与html的位置
  paths:{
    'angular':"angular.min" //angular文件名
  },
  shim:{
    'angular':{exports:'angular'} //需要导出一个名为angular的全局变量
  }
})
define('app',['angular'],function(){ //前边的app是文件名把当前文件变为一个AMD模块
//正常写angular
var app=angular.module('mk',[])
return app;//这个是返回的是angular定义模块

})

以上这篇简单谈谈require模块化jquery和angular的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。


# angular  # require  # requirejs按需加载angularjs文件实例  # angularJS+requireJS实现controller及directive的按需加载示例  # 探索angularjs+requirejs全面实现按需加载的套路  # 小心!AngularJS结合RequireJS做文件合并压缩的那些坑  # angular.js + require.js构建模块化单页面应用的方法步骤  # requirejs AngularJS结合使用示例解析  # 给大家  # 的是  # 怎样写  # 希望能  # 这篇  # 小编  # 不向  # 需要用  # 大家多多  # 全局变量  # 同和  # 在同一  # js  # baseUrl  # libs  # jquery  # paths  # html  # class 


相关栏目: 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571


相关推荐: C++用Dijkstra(迪杰斯特拉)算法求最短路径  如何快速查询网址的建站时间与历史轨迹?  jquery插件bootstrapValidator表单验证详解  北京网站制作费用多少,建立一个公司网站的费用.有哪些部分,分别要多少钱?  JavaScript模板引擎Template.js使用详解  关于BootStrap modal 在IOS9中不能弹出的解决方法(IOS 9 bootstrap modal ios 9 noticework)  PHP怎么接收前端传的文件路径_处理文件路径参数接收方法【汇总】  湖南网站制作公司,湖南上善若水科技有限公司做什么的?  iOS发送验证码倒计时应用  javascript如何操作浏览器历史记录_怎样实现无刷新导航  广州网站制作公司哪家好一点,广州欧莱雅百库网络科技有限公司官网?  Laravel如何实现数据库事务?(DB Facade示例)  装修招标网站设计制作流程,装修招标流程?  制作企业网站建设方案,怎样建设一个公司网站?  Laravel如何实现登录错误次数限制_Laravel自带LoginThrottles限流配置【方法】  Laravel怎么进行数据库回滚_Laravel Migration数据库版本控制与回滚操作  什么是javascript作用域_全局和局部作用域有什么区别?  Python文本处理实践_日志清洗解析【指导】  Python3.6正式版新特性预览  JS中页面与页面之间超链接跳转中文乱码问题的解决办法  Windows10如何更改计算机工作组_Win10系统属性修改Workgroup  Laravel如何使用Gate和Policy进行权限控制_Laravel权限判定与策略规则配置  Laravel如何生成和使用数据填充?(Seeder和Factory示例)  如何在云服务器上快速搭建个人网站?  Laravel怎么写单元测试_PHPUnit在Laravel项目中的基础测试入门  清除minerd进程的简单方法  Swift中循环语句中的转移语句 break 和 continue  Laravel Seeder填充数据教程_Laravel模型工厂Factory使用  Win11搜索不到蓝牙耳机怎么办 Win11蓝牙驱动更新修复【详解】  Laravel如何理解并使用服务容器(Service Container)_Laravel依赖注入与容器绑定说明  Laravel如何实现邮件验证激活账户_Laravel内置MustVerifyEmail接口配置【步骤】  电视网站制作tvbox接口,云海电视怎样自定义添加电视源?  如何在阿里云ECS服务器部署织梦CMS网站?  ChatGPT常用指令模板大全 新手快速上手的万能Prompt合集  Laravel如何生成API文档?(Swagger/OpenAPI教程)  Laravel如何清理系统缓存命令_Laravel清除路由配置及视图缓存的方法【总结】  Laravel辅助函数有哪些_Laravel Helpers常用助手函数大全  零基础网站服务器架设实战:轻量应用与域名解析配置指南  Laravel怎么在Blade中安全地输出原始HTML内容  DeepSeek是免费使用的吗 DeepSeek收费模式与Pro版本功能详解  Laravel如何实现用户角色和权限系统_Laravel角色权限管理机制  教你用AI将一段旋律扩展成一首完整的曲子  独立制作一个网站多少钱,建立网站需要花多少钱?  如何在Windows虚拟主机上快速搭建网站?  HTML透明颜色代码怎么让下拉菜单透明_下拉菜单透明背景指南【技巧】  Laravel如何为API生成Swagger或OpenAPI文档  如何快速配置高效服务器建站软件?  JavaScript如何操作视频_媒体API怎么控制播放  Win11怎么关闭专注助手 Win11关闭免打扰模式设置【操作】  如何基于PHP生成高效IDC网络公司建站源码?