Requirejs在項目中應用

 在Webpack大行其道的今日,Requirejs基本是過期的前端管理js依賴的工具了,可是仍是有值得學習的東西.故保留了這些內容,方便回頭看看

/**
 *@author yalith
 *@Description
 *@time 2017 / 2017/12/25 / 17:55
 */
(function(){
    // 'use strict';
    //根路徑
    var script = document.scripts[document.scripts.length - 1].src,contextPath= script.substring(0, script.lastIndexOf("/"));
    var baseUrl = "/static/js";
    var jsPath = contextPath + baseUrl;
    var pluginsPath=jsPath+'/plugins';
    var modulePath=jsPath+'/modules';

    var viewsPath =contextPath+'/views';
    var pagesPath =contextPath+'/pages';

    var paths = {
        /*modules*/
        config:modulePath+'/config',
        dateUtil:modulePath+'/dateUtil',
        authUtil:modulePath+'/authUtil',

       

        /*plugins*/
        template: pluginsPath + '/aui-art-template/lib/template-web',
        //layui:pluginsPath+'/layui-v2.2.45-full/src/layui',
        layui:pluginsPath+'/layui-v2.2.6/layui/layui',
        jquery:pluginsPath+'/jquery/jquery-1.8.3',
        // autofill:pluginsPath+'/jquery-autofill/autofill',
        iTsai:pluginsPath+'/iTsai/iTsai-webtools-form',
        text:pluginsPath+'/requirejs/text',

        /*登陸模塊*/
        login:viewsPath+'/login/js/login',

       /* 業務模塊*/
        /*main主頁*/
        main:viewsPath+'/main/js/main',

        /*manager 權限管理模塊*/
        account_list:viewsPath+'/manager/js/account_list',
        account_add:viewsPath+'/manager/js/account_add',
        account_update:viewsPath+'/manager/js/account_update',
        account_assignRoles:viewsPath+'/manager/js/account_assignRoles',

        role_list:viewsPath+'/manager/js/role_list',
        role_add:viewsPath+'/manager/js/role_add',
        role_update:viewsPath+'/manager/js/role_update',

        resources_list:viewsPath+'/manager/js/resources_list',
        resources_add:viewsPath+'/manager/js/resources_add',
        resources_update:viewsPath+'/manager/js/resources_update',

        role_assignResources:viewsPath+'/manager/js/role_assignResources',

        /*測試*/
        excel_test:viewsPath+'/manager/js/excel_test',



        /*信息模塊*/

        /*信息模塊*/

        /*管理員*/

        /*管理模塊*/


    };

    //配置依賴
    var shim = {
        layui:{
            // deps:['css!'+pluginsPath+'/layui/layui/css/layui.css']
            //這玩意太慢了
             //deps:['css!'+pluginsPath+'/layui-v2.2.45-full/src/css/layui.css']
             deps:['css!'+pluginsPath+'/layui-v2.2.6/layui/css/layui.css']
        },
        login:{
            deps:['css!'+viewsPath+'/login/css/login.css']
        },
        main:{
            deps:['css!'+viewsPath+'/main/css/main.css']
        },

    };
    require.config({
        baseUrl: '/static/js',
        paths: paths,
        shim:shim,
        map:{
            '*':{
                'css':jsPath+'/plugins/requirejs/css.js', //配置全局依賴 require的css插件
                "text":jsPath+'/plugins/requirejs/text.js'
            }
        },
        urlArgs: "v=" + (new Date()).getTime()
    });
    // //全局依賴調用

    require([],function(){

    })
})();