requirejs的配置】的更多相关文章

baseUrl : 所有模块的查找根路径. 当加载纯.js文件(依赖字串以/开头,或者以.js结尾,或者含有协议),不会使用baseUrl. 如未显式设置baseUrl,则默认值是加载require.js的HTML所处的位置.如果用了data-main属性,则该路径就变成baseUrl. baseUrl可跟require.js页面处于不同的域下,RequireJS脚本的加载是跨域的. paths :path映射那些不直接放置于baseUrl下的模块名.设置path时起始位置是相对于baseUrl…
1.html页面中如果同时存在data-main和require()和配置(config中的baseUrl),那么定义根路径 baseUrl > data-main > index.html 但是data-main和index中的require也都会执行 2.data-main的入口问题: a. 首先的问题是你在main.js中所设置的脚本是异步加载的.所以如果你在data-main所指的js页面中配置了其它JS加载,则html主页面则不能保证它们所依赖的JS已经加载成功.3.配置路径path…
requireJS: (1)实现js文件的异步加载,避免页面失去响应: (2)管理模块之间的依赖性,便于代码的编写和维护. 加载: <script src="js/require.js" ></script> 由于加载的模块较多,可能会造成页面失去响应,故可以将此 script 标签 放到 <body> 的后面 (you could also place the script tag end of the <body> section i…
requirejs.require方法冲突 如果加载了多个requirejs脚本,每个requirejs会判断是否浏览器已经实现了require和define方法.如果浏览器已经自带require和define方法,或者之前已经有一个requirejs脚本执行,那么这个requirejs就会立刻停止执行.所以,即使页面上加载了多次requirejs脚本也不会有什么问题. 配置Context 我把context叫做一个命名空间,因为每一个context都有一个名字,这样同名而功能不同的模块就可以放…
module.exports = function(grunt){ //grunt的配置我就不叨叨了 自己看官网就ok了 //我就介绍下grunt的依赖插件grunt-contrib-requirejs //专门打包requeirjs项目的 grunt.initConfig({ //此处的requirejs的配置和requeirjs.config要区分开,那个是requeirjs项目加载配置 //这个是 grunt-contrib-requirejs打包配置 requirejs: { build…
Ace代码在线编辑器如果需要在requirejs里使用,注意需要使用github上lib/ace目录的文件. 如果使用ajaxorg/ace-builds下面的代码再使用requirejs会报错,不能正常使用. 关于requirejs的配置: 将github上lib/ace下的所有文件下载到自己的项目下. 然后在require.config里配置,如下: require.config({ // 根路径设置,paths下面全部都是根据baseUrl的路径去设置 baseUrl:'/lib/js/'…
心血来潮,打算结合实际开发的经验,浅谈一下HTML5单页面App或网页的架构. 众所周知,现在移动Webapp越来越多,例如天猫.京东.国美这些都是很好的例子.而在Webapp中,又要数单页面架构体验最好,更像原生app.简单来说,单页面App不需要频繁切换网页,可以局部刷新,整个加载流畅度会好很多. 废话就不多说了,直接到正题吧,浅谈一下我自己理解的几种单页面架构: 1.requirejs+angular+angular-route(+zepto) 最后这个zepto可有可无,主要是给团队中实…
本文转载自:http://www.cnblogs.com/kenkofox/p/4648472.html 上一篇<浅谈HTML5单页面架构(一)--requirejs + angular + angular-route>探讨了angular+requirejs的一个简单架构,这一篇继续来看看backbone如何跟requirejs结合. 相同地,项目架构好与坏不是说用了多少牛逼的框架,而是怎么合理利用框架,让项目开发更流畅,代码更容易管理.那么带着这个目的,我们来继续探讨backbone. 首…
一.seajs 1. 使用seajs的一般步骤 a)在主页面引入sea.js b)写模块 c)在主页面使用模块 2.模块的写法 math.js define(function(require, exports, module){ var squareObj=require("square"); module.exports={ add:function(a,b){ return a+b; }, cube:function(a){ return squareObj.square(a)*a…
RequireJs已经流行很久了,我们在项目中也打算使用它.它提供了以下功能: 声明不同js文件之间的依赖 可以按需.并行.延时载入js库 可以让我们的代码以模块化的方式组织 初看起来并不复杂. 在html中引入requirejs 在HTML中,添加这样的 <script> 标签: <script src="/path/to/require.js" data-main="/path/to/app/config.js"></script&…