首页 > 代码库 > require.js结合项目的使用心得
require.js结合项目的使用心得
1.首先引入require.js
2.配置config.js文件
var $cdn_url=/‘‘‘/‘‘/;----->指定文件一个共用的路径
require.config({
baseUrl: $cdn_url + ‘cc/v2/publish/‘,----->设置一个基本路经,方便找到该路径下的其他文件,不用每次都输入相同路径
// urlArgs: "bust=" + (new Date()).getTime(),---->可以加个时间戳
paths: {
‘jquery‘: $cdn_url + ‘assets/libs/jquery‘,---->jquery.js对应的路径 不需要加.js,require可自己识别
‘datepicker‘: $cdn_url + ‘assets/plugins/datepicker/js/datepicker‘---->datepicker.js的路径
},
shim: {
‘underscore‘: {
exports: ‘_‘
},
‘datepicker‘:{
deps: [‘jquery‘],
exports:‘datepicker‘
},
‘daterangepicker‘:{
deps: [‘jquery‘,‘moment‘],
exports:‘daterangepicker‘
},
‘mobiscroll‘:{
deps: [‘jquery‘],
exports:‘mobiscroll‘
},
‘select2‘: {
exports: ‘select2‘
},
‘pagination‘: {
deps: [‘jquery‘],
exports: ‘pagination‘
},
‘calendar‘: {
deps: [‘jquery‘],
exports: ‘calendar‘
},
‘tip‘: {
deps: [‘jquery‘],
exports: ‘tip‘
},
‘dialog‘: {
deps: [‘jquery‘],
exports: ‘dialog‘
},
‘uploader‘: {
deps: [‘jquery‘],
exports: ‘uploader‘
},
‘cropper‘: {
deps: [‘jquery‘],
exports: ‘cropper‘
},
‘jcrop‘: {
deps: [‘jquery‘],
exports: ‘jcrop‘
},
‘validate‘: {
deps: [‘jquery‘],
exports: ‘validate‘
},
‘fancybox‘: {
deps: [‘jquery‘],
exports: ‘fancybox‘
}
}
});
require.js结合项目的使用心得
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。