RequireJs打包簡單模組打包

2021-08-15 15:57:46 字數 996 閱讀 7404

本文講解的是requirejs對檔案合併與壓縮的實現方法。

requirejs提供了乙個打包與壓縮工具r.js,r.js的壓縮工具使用uglifyjs進行壓縮的。

requirejs對互相依賴模組進行合併與壓縮,可以對js,css壓縮,甚至可以對整個專案進行打包。r.js是基於nodejs的,所以本機電腦上需要有node環境。

一下內容基於已經安裝nodejs和git的條件下進行。

全域性安裝requirejs即可,命令如下

與requirejs模組化基礎 目錄一致,只是多了乙個build.js檔案,在這裡不再展示其他檔案的具體內容。

()
build.js所在的目錄下執行以下命令即可

r.js -o build.js
執行完畢後會生成乙個build資料夾,新的目錄如下:

* 在沒有配置baseurl引數以前,

* 所有的依賴都是以入口html檔案為根目錄,

* 所以下面的依賴是未修改baseurl路徑之前的依賴

* */

var debug = false; //true表示開發過程中,false表示打包完畢後

if (debug) else

如果是乙個像本文這樣乙個簡單的專案,r.js打包就是這麼簡單,但是當需要打包多個模組的時候,我們需要進一步配製build.js。具體配製請看下回分解。

nginx實現簡單模組開發

需要的預備知識不多,有如下幾點 有過一些 c 語言的程式設計經歷 知道 nginx 是幹嘛的,並有過編寫或改寫 nginx 的配置檔案的經歷。ok,就這兩點就夠了 好了,那就開始吧 我們的目標,就是你在瀏覽器裡輸入http localhost hello world時,顯示 hello world當...

ubuntu動態載入模組簡單模板

1 簡單 include include module license gpl module author jiuyueguang module description module driver static int hello init void static void hello exit v...

requireJS簡單應用

專案結構目錄 html頁面 春江潮水連海平,海上明月共潮生。灩灩隨波千萬里,何處春江無月明!江流宛轉繞芳甸,月照花林皆似霰 空裡流霜不覺飛,汀上白沙看不見。江天一色無纖塵,皎皎空中孤月輪。江畔何人初見月?江月何年初照人?人生代代無窮已,江月年年只相似。best 引數配置 requirejs 常用的方...