require.js結合項目的使用心得

標籤：sel   under   plugins   base   其他   dial   log   cdn   dia   

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結合項目的使用心得