Require JS -按Ctrl + F5加载所有javascript文件
Require JS - Loads all javascript files with pressing Ctrl + F5
我在我的项目中使用require Js。一切似乎都很正常。没有JS冲突。
但是,当我按CTRL + F5在Firefox中清除重新加载页面时,我观察到55个Javascript文件正在加载,参考Firebug中的. NET选项卡。
这正常吗?我做错什么了吗?
这是我的BOOT.js
require
.config({
baseUrl : 'resources/js',
paths : {
domReady : 'lib/domReady',
jquery : 'lib/jquery.min',
jqueryUI : 'lib/jquery-ui-1.9.2.custom.min',
date : 'lib/date',
tmpl : 'lib/jquery.tmpl.min',
underscore : 'lib/underscore-min',
backbone : 'lib/backbone',
handlebars : 'lib/handlebars-v1.1.2',
socket : 'lib/knotifyjs',
eve : 'lib/eve',
raphael : 'lib/raphael-min',
chronoline : 'lib/chronoline',
fullcalendar : 'lib/fullcalendar',
timeago : 'lib/jquery.timeago',
openStreet : 'lib/openstreet/OpenLayers',
timeago : 'lib/jquery.timeago',
foundation : 'lib/foundation.min',
fDropdown : 'lib/foundation.dropdown',
fTopBar : 'lib/foundation.topbar',
jgrowl : 'lib/jquery.jgrowl.min',
jQgrid : 'lib/jqgrid',
jQgridLocale : 'lib/jgrid-locale',
jqueryForm : 'lib/jquery.form',
validateForm : 'lib/validate',
jsPlumb : 'lib/jquery.jsPlumb-1.3.16-all',
carousel : 'lib/carousel.min',
spin : 'lib/spin',
datePicker : 'lib/jquery-ui-timepicker-addon',
timeSlider : 'lib/jquery-ui-slider-access',
maps : 'https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false',
autoCompleteMap : "https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&libraries=places",
weather : 'lib/jquery.zweatherfeed.min',
picker : 'lib/picker',
jsonQLang : 'lib/JSLINQ',
pickerTime : 'lib/picker.time',
jqueryFlot : 'lib/jquery.flot',
jFlotCategory : 'lib/jquery.flot.categories',
jFlotTime : 'lib/jquery.flot.time',
jFlotAxisLabel : 'lib/jqflot-axislabels',
"moment" : "lib/moment.min",
"moment-timezone" : "lib/moment-timezone.min",
"moment-timezone-data" : "lib/timezone-data",
jScrollPane : 'lib/jquery.jscrollpane.min',
app : 'app'
},
waitSeconds : 300,
shim : {
"jqueryUI" : {
deps : [ 'jquery' ],
exports : "jqueryUI"
},
"datePicker" : {
deps : [ 'jquery', 'jqueryUI' ],
exports : 'datePicker'
},
"timeSlider" : {
deps : [ 'jquery' ],
exports : 'timeSlider'
},
"jqueryForm" : {
deps : [ 'jquery' ],
exports : "jqueryForm"
},
"jsonQLang" : {
deps : [ 'jquery' ],
exports : "jsonQLang"
},
"picker" : {
deps : [ 'jquery' ],
exports : 'picker'
},
"pickerTime" : {
deps : [ 'jquery' ],
exports : 'pickerTime'
},
"backbone" : {
deps : [ 'jquery', 'underscore' ],
exports : 'Backbone'
},
"handlebars" : {
deps : [ 'jquery', 'underscore', 'backbone' ],
exports : 'Handlebars'
},
"tmpl" : {
deps : [ 'jquery' ],
exports : 'tmpl'
},
'eve' : {
exports : "eve"
},
'raphael' : {
deps : [ "eve" ],
exports : "Raphael"
},
"fullcalendar" : {
deps : [ "jquery" ],
exports : "fullcalendar"
},
"map" : {
deps : [ 'jquery' ],
exports : "maps"
},
"autoCompleteMap" : {
deps : [ 'jquery' ],
exports : "autoCompleteMap"
},
"jqueryFlot" : {
deps : [ 'jquery' ],
exports : "jqueryFlot"
},
"jFlotCategory" : {
deps : [ 'jqueryFlot' ],
exports : "jFlotCategory"
},
"jFlotAxisLabel" : {
deps : [ 'jqueryFlot' ],
exports : "jFlotAxisLabel"
},
"jFlotTime" : {
deps : [ 'jquery' ],
exports : "jFlotTime"
},
"foundation" : {
deps : [ 'jquery' ],
exports : 'foundation'
},
"timePicker" : {
deps : [ 'jquery' ],
exports : 'timePicker'
},
"fTopBar" : {
deps : [ 'jquery', 'foundation' ],
exports : 'fDropdown'
},
"fDropdown" : {
deps : [ 'jquery', 'foundation' ],
exports : 'fTopBar'
},
"validateForm" : {
deps : [ 'jquery' ],
exports : "validateForm"
},
"jQgridLocale" : {
deps : [ 'jquery' ],
exports : 'jQgridLocale'
},
"jQgrid" : {
deps : [ 'jquery', 'jQgridLocale' ],
exports : 'jQgrid'
},
"jsPlumb" : {
deps : [ 'jquery' ],
exports : 'jsPlumb'
},
"openStreet" : {
deps : [ 'jquery' ],
exports : 'openStreet'
},
"jgrowl" : {
deps : [ 'jquery' ],
exports : 'jgrowl'
},
"weather" : {
deps : [ 'jquery' ],
exports : 'weather'
},
"carousel" : {
deps : [ 'jquery' ],
exports : 'carousel'
},
"spin" : {
exports : 'spin'
},
"jScrollPane" : {
deps : [ 'jquery' ],
exports : "jScrollPane"
}
}
});
为什么不对呢?当您处于开发模式时,RequireJS将根据代码的需要异步加载所有文件。一旦你准备好进入生产模式,你应该使用r.js来优化你的构建,并生成一个单独的JS文件来提供给浏览器。
相关文章:
- ADF:有条件地加载javascript资源
- .load()函数赢得't加载javascript
- Gmaps搜索和kmz加载javascript
- 页面显示前加载Javascript警报
- 依赖于缓慢加载javascript的UI
- 在外部JS执行后加载JavaScript
- 在WordPress站点中加载jquery.js后加载javascript代码
- 图像未加载javascript、html、angular、imdb-api
- 加载 JavaScript 取决于以前异步加载的 JavaScript
- 预加载Javascript音频以在脚本中播放
- 无法加载Javascript错误XMLHttpRequest
- AJAX JSF请求后重新加载Javascript
- Rails Assets Pipeline从控制器和方法加载JavaScript
- 使用Require.js按照依赖关系的顺序加载JavaScript
- 正在等待加载文件(加载JavaScript)
- 仅在需要时加载javascript函数
- 直接导航到chrome中的页面时未加载Javascript脚本
- 异步加载Javascript
- IE7 未加载 JavaScript 文件
- 从框架中的函数异步加载 Javascript