requireJs簡介

參數配置

requireJS 常用的方法與命令也就兩個，因此requireJS使用起來非常簡單。

require
define

其中define是用于定義模塊，而require是用于載入模塊以及載入配置文件。

define([id,deps,] callback);require(deps[,callback]);

加載配置文件

獨立的引入配置文件也有兩種方式，一種是通過script標簽加載外部JS文件形式：

<script src="js/require.js"></script><script src="js/app.js"></script>

另一種方式則是使用 require 提供的 data-main 屬性，該屬性是直接寫在引入require.js的script標簽上，在require.js 加載完畢時，會自動去加載配置文件 app.js。

<script data-main="js/app" src="js/require.js"></script>

通過 data-main 去加載入口文件，便會使配置對象中的 baseUrl 屬性默認指向地址改為 app.js 所在的位置，相比之下我更加推薦這種方式，因為它更可能的方便快捷。

<script data-main="js/app.js" src="js/require.js"></script>

注意：你在main.js中所設置的腳本是異步加載的。所以如果你在頁面中配置了其它JS加載，則不能保證它們所依賴的JS已經加載成功。

常用參數配置

urlArgs

RequireJS獲取資源時附加在URL后面的額外的query參數。作為瀏覽器或服務器未正確配置時的“cache bust”手段很有用。使用cache bust配置的一個示例：
javascript:;urlArgs: "bust=" + (new Date()).getTime()
在開發中這很有用，但請記得在部署到生成環境之前移除它。

deps

用于聲明require.js在加載完成時便會自動加載的模塊，值是一個數組，數組元素便是模塊名。

config

config屬性可以為模塊配置額外的參數設定，其使用格式就是以模塊名或者模塊ID為key，然后具體的參數為value。

shim

shim為那些沒有使用define()來聲明依賴關系、設置模塊的"瀏覽器全局變量注入"型腳本做依賴和導出配置。

require.config({  baseUrl : "./src",  paths :{    jquery:"./lib/jquery.min",    vue:"./lib/vue",    vueResource:"./lib/vue-resource.min",    vueX:"./lib/vuex",    api :"./api/index",    lodash : "./lib/lodash.min",    bootstrap : "./assets/js/bootstrap/js/bootstrap.min",    ripples : "./assets/js/bootstrap-material-design/js/ripples.min",    material:"./assets/js/bootstrap-material-design/js/material.min"  },  shim : {    bootstrap : ['jquery'],    ripples:['jquery'],    material:['jquery'],  },  packages: [    {      name: 'components',      location: 'component',      main: 'components'    },    {      name : "vuex",      location :"vuex",      main : "vuex"    }  ]});