如何使用requireJs模組化開發

2022-07-17 02:42:09 字數 994 閱讀 4084

控制台輸入命令安裝

再你的專案頁面引入

data-main是引入主入口檔案,後面你只需要再主入口檔案裡面使用模組

require(['./config'],()=>)

})

require()方法用來引入使用模組,第乙個引數是陣列,陣列的每一項都是模組,第二個引數是乙個**函式,函式也有引數,滿足amd規範的引數就寫在裡面,需要注意的是,滿足amd規範的模組再陣列項裡的位置要和函式引數裡的引數保持一致,比如:

define(['jquery','template'], ($,template) =>)
jquery模組對應引數$,template模組對應引數template再上面我們有引入乙個config模組,這裡面是用來配置每個模組的路徑的,這樣方便我們管理

require.config(,

shim: }})

baseurl是模組公用路徑,shim(墊片)作用:有些模組依賴著其它外掛程式或者庫,我們就可以用這個墊片來配置它所依賴的外掛程式或者庫

define(['jquery'], ($) => )
define關鍵字用來定義模組,和require一樣有兩個引數,引數都是一致的,這裡就不說明了,**函式裡面寫功能就可以了

RequireJS核心 之模組載入

requirejs的目標是鼓勵 的模組化,它使用了不同於傳統標籤的指令碼載入步驟。可以用它來加速 優化 但其主要目的還是為了 的模組化。它鼓勵在使用指令碼時以module id替代url位址。requirejs以乙個相對於baseurl的位址來載入所有的 頁面頂層標籤含有乙個特殊的屬性data ma...

RequireJs打包簡單模組打包

本文講解的是requirejs對檔案合併與壓縮的實現方法。requirejs提供了乙個打包與壓縮工具r.js,r.js的壓縮工具使用uglifyjs進行壓縮的。requirejs對互相依賴模組進行合併與壓縮,可以對js,css壓縮,甚至可以對整個專案進行打包。r.js是基於nodejs的,所以本機電...

RequireJS使用注意地方

使用requirejs做非同步模組載入,有幾點值得注意的地方 1.模組定義兩種寫法 1.存在依賴的函式式定義 如果模組存在依賴 則第乙個引數是依賴的名稱陣列 第二個引數是函式,在模組的所有依賴載入完畢後,該函式會被呼叫來定義該模組,因此該模組應該返回乙個定義了本模組的object。依賴關係會以引數的...