require.js结合项目的使用心得

Posted 2020-08-23 落花有情随流水，流水无情怨落花

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‘
        }
    }
});