據(jù)說公司的項目較多的用到requirejs管理依賴,所以大熊同學擠出了5分鐘休息時間學習了一下,現(xiàn)在分享一下。如果你想了解requirejs的實現(xiàn)原理,請繞道!如果你想了解requirejs的高級用法,請繞道!那么問題來了,這篇小文還有人看嗎???
requirejs是干啥的?。?/h2>
曾經,我們將一些js組件放到不同的文件,然后通過script標簽引入,如果幾個組件有依賴,那么要小心了,你必須將被依賴的放到前面,否則的話會出現(xiàn)啥啥啥is undefined
或者啥啥啥is not a function
之類的錯誤。比如一個jquery的插件顯然是依賴jquery核心庫的,所以jquery核心庫文件必須先引入。項目小組件少依賴簡單還好,要是項目大組件多依賴復雜就糟糕了。咋辦?用requirejs啊??!
只要按照requirejs規(guī)范寫,他會從一個根開始檢查依賴,根據(jù)這些依賴關系自動的幫助我們插入script標簽,很棒,對不對?這樣依賴我們不就再也不用糾結哪個標簽應該放在前,哪個該放在后了嗎???????
requirejs咋用?。?/h2>請記住使用requirejs的口訣,兩函數(shù)一配置一屬性
data-main屬性
requirejs需要一個根來作為搜索依賴的開始,data-main用來指定這個根。
<script src="scripts/require.js" data-main="scripts/app.js"></script>
這里就指定了根是app.js,只有直接或者間接與app.js有依賴關系的模塊才會被
data-main屬性
requirejs需要一個根來作為搜索依賴的開始,data-main用來指定這個根。<script src="scripts/require.js" data-main="scripts/app.js"></script>
這里就指定了根是app.js,只有直接或者間接與app.js有依賴關系的模塊才會被