requirejs配置shim

模块化开发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模块 //'

RequireJS 配置理解

RequireJS 配置: 1.首先加载RequireJS文件 <script src="//cdn.bootcss.com/require.js/2.1.22/require.js" data-main="js/main"></script> 其中main.js是入口文件 2.编写main 文件: require.config({ paths:{ jquery:"jquery.min" }, shim:{ amazeui

使用requireJS的shim参数解决插件 jquery.ui 等插件问题

没有requireJS框架之前,如果我们想使用jquery框架,会在HTML页面中通过<script>标签加载, 这个时候jquery框架生成全局变量$和jQuery等全局变量.如果项目中引用了requireJS框架,采用模块化的方式加载jquery,那么 jquery不会再添加全局变量$和 jQuery .现在问题来了,虽然jquery框架已经开始支持AMD规范,但是jquery的众多插件还是不支持AMD,仍然像以前一样需要使用全局变量$.jquery插件大多都是如下结构: (functio

requirejs中 shim

使用requireJS的shim参数,完成jquery插件的加载时间 2014-10-31 13:59:10 CSDN博客原文 http://blog.csdn.net/aitangyong/article/details/40653335 主题 jQueryRequireJS 没有requireJS框架之前,如果我们想使用jquery框架,会在HTML页面中通过<script>标签加载,这个时候jquery框架生成全局变量$和jQuery等全局变量.如果项目中引用了requireJS

使用requireJS的shim參数，完毕jquery插件的载入

没有requireJS框架之前,假设我们想使用jquery框架,会在HTML页面中通过<script>标签载入.这个时候jquery框架生成全局变量$和jQuery等全局变量.假设项目中引用了requireJS框架.採用模块化的方式载入jquery,那么jquery不会再加入全局变量$和jQuery.如今问题来了,尽管jquery框架已经開始支持AMD规范,可是jquery的众多插件还是不支持AMD,仍然像曾经一样须要使用全局变量$. jquery插件大多都是例如以下结构: (function

requirejs配置代码示例

requirejs大致用法:通过定义模板define()再通过require()或requirejs()加载模板,paths是路径,如果路径长可以把它赋一个短名称加入ruquire()中,shim是兼容处理的,查看引入方式 : <script data-main="js/main" src="js/require.js"></script> data-main="js/main" 直接引入这个配置文件会异步加载 data

requireJS使用shim注入非标准模块详解

在javascript中定义全局变量有2种方式,本质上是等价的,都是向window对象注入属性或者方法. // global.js var g_name = "aty"; window.g_age = 25; 当global.js加载的时候,浏览器的全局对象window就会多出2个属性:g_name和g_age. 我们编写一个js工具类或者是js框架,通常有2种方式:方式1:dateUtil.js (function(window) { var DateUtils = {}; Date

Ace在线编辑器使用requirejs配置

Ace代码在线编辑器如果需要在requirejs里使用,注意需要使用github上lib/ace目录的文件. 如果使用ajaxorg/ace-builds下面的代码再使用requirejs会报错,不能正常使用. 关于requirejs的配置: 将github上lib/ace下的所有文件下载到自己的项目下. 然后在require.config里配置,如下: require.config({ // 根路径设置,paths下面全部都是根据baseUrl的路径去设置 baseUrl:'/lib/js/'

requireJS配置选项

1. baseUrl 当设置的目录最前面带有/,则是从电脑的根目录开始算起,若是baseUrl='another/path' 则是从require.js的目录开始算起而且当require(['a.js'],function(a){}) 加载的js以.js或者含有协议,则不会使用baseUrl

前端架构：Angular与requirejs集成实践

这几天angular与requirejs.browserify的集成弄的博主头好晕,今天终于成功集成了requirejs,现写些心得体会在这里. 核心思想:angular加载时有一定的顺序,必须依次加载(按照先后顺序)angular,angular-route,module模块,service模块,controller模块,而且requirejs里面的define([......],function(){})加载顺序就很没谱了(毕竟requirejs是异步加载),因此要思路是: 1.先建个ang

前端优化：RequireJS Optimizer 的使用和配置方法

RequireJS Optimizer 是 RequireJS 自带的前端优化工具,可以对 RequireJS 项目中的 JavaScript & CSS 代码使用 UglifyJS 或者 Closure Compiler 进行压缩合并.这篇文章介绍RequireJS Optimizer 的使用和配置方法,帮助大家解决使用中碰到的问题. 您可能感兴趣的相关文章 12款很棒的浏览器兼容性测试工具推荐 2012年最佳 Web 前端开发工具和框架构建杀手级应用 JavaScript 工具和技术推荐

转: RequireJS Optimizer 的使用和配置方法

RequireJS Optimizer 是 RequireJS 自带的前端优化工具,可以对 RequireJS 项目中的JavaScript和CSS 代码使用 UglifyJS 或者 Closure Compiler 进行压缩合并.这篇文章介绍RequireJS Optimizer 的使用和配置方法,帮助大家解决使用中碰到的问题. RequireJS Optimizer 对脚本的优化支持目前流行的 UglifyJS 和 Closure Compiler 两种压缩方式,UglifyJS 需要 No

RequireJS学习笔记

前言进入移动前端是很不错的选择,这块也是我希望的道路,但是不熟悉啊... 现在项目用的是require+backbone,整个框架被封装了一次,今天看了代码搞不清楚,觉得应该先从源头抓起,所以再看看require了. 上午是到处搜集的资料,下午我们来看原生的API吧: http://www.requirejs.org/docs/api.html#config PS:我英语很烂,各位将就着看吧,看到红色就说明老夫拿不准...... 加载javascript文件 RequireJS采用不同的方法来

浅谈HTML5单页面架构（二）——backbone + requirejs + zepto + underscore

本文转载自:http://www.cnblogs.com/kenkofox/p/4648472.html 上一篇<浅谈HTML5单页面架构(一)--requirejs + angular + angular-route>探讨了angular+requirejs的一个简单架构,这一篇继续来看看backbone如何跟requirejs结合. 相同地,项目架构好与坏不是说用了多少牛逼的框架,而是怎么合理利用框架,让项目开发更流畅,代码更容易管理.那么带着这个目的,我们来继续探讨backbone. 首

TodoMVC中的Backbone+MarionetteJS+RequireJS例子源码分析之一

Marionette牵线木偶,Backbone是脊骨的意思,Marionette是基于Backbone做扩展库,可以理解为把脊骨骨架绑线扯着变成牵线木偶动起来哈哈,使backbone更易使用呵呵! 构建或者扩展了很多新的东西,如:Application,Region,ItemView,CollectionView,CompositeView,LayoutView,AppRoute,Controller等等,把很多重复性的工作变成配置,程序入口引入了集中处理器Application,貌似Mario

模块化利器: 一篇文章掌握RequireJS常用知识

通过本文,你可以对模块化开发和AMD规范有一个较直观的认识,并详细地学习RequireJS这个模块化开发工具的常见用法.本文采取循序渐进的方式,从理论到实践,从RequireJS官方API文档中,总结出在使用RequireJS过程中最常用的一些用法,并对文档中不够清晰具体的内容,加以例证和分析,希望本文的内容对你的能力提升有实质性的帮助. 1. 模块化相信每个前端开发人员在刚开始接触js编程时,都写过类似下面这样风格的代码: <script type="text/javascript&q

requireJs和r.js压缩工具

上面release是执行命令 node r.js -o build.js 生成的,需要切换到目录require/tools下面,也就是有r.js和build.js的目录,才能执行命令代码目录如上: main.html代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Hello RequireJS</title> </head

RequireJS API

可以找到许多的解读,但是原文总是最重要的,也是最正宗的说明,直接访问 RequireJS 有时不太方便,这里将 RequireJS 2.0 API 的原文转载到博客园,方便查看. This is the RequireJS 2.0 API. If you want 1.0: Link to 1.0. Usage §§ 1-1.3 Load JavaScript Files§ 1.1 data-main Entry Point§ 1.2 Define a Module§ 1.3 Simple Na

RequireJS学习笔记（转）

前言进入移动前端是很不错的选择,这块也是我希望的道路,但是不熟悉啊... 现在项目用的是require+backbone,整个框架被封装了一次,今天看了代码搞不清楚,觉得应该先从源头抓起,所以再看看require了. 上午是到处搜集的资料,下午我们来看原生的API吧: http://www.requirejs.org/docs/api.html#config PS:我英语很烂,各位将就着看吧,看到红色就说明老夫拿不准...... 加载javascript文件 RequireJS采用不同的方法来

H5单页面架构：backbone + requirejs + zepto + underscore

首先,来看看整个项目结构. 跟上一篇angular类似,libs里多了underscore和zepto.三个根目录文件: index.html:唯一的html main.js:requirejs的配置,程序的入口 router.js:整个app或网站的单页面路由配置第一步,还是建立单页面唯一的HTML <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"

requirejs配置shim

热门专题