requireJS對檔案合併與壓縮(二)

2021-09-06 19:14:37 字數 2145 閱讀 4237

requirejs對檔案合併與壓縮

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

下面還是來看看我整個專案結構吧,如下:

**如下:

a.js

return

});b.js

define(function(require, exports, module) );

c.js

define(function(require, exports, module) );

d.js

define(function(require, exports, module) );

});如果我不壓縮與合併**,那麼我們在瀏覽器下看請求如下:

現在我們一步步來解釋下合併與壓縮吧!

一:開啟cmd命令視窗,進入專案requirejs內,如下:

下面我們再來看看build.js**了,如下所示:

接著我們在index.html**要如下呼叫:

直接從build.js內進行載入,現在我們再來看看瀏覽器內的請求如下所示:

現在只有2個請求了,且也可以執行裡面的**了。

下面我們對命令分別來做一下解釋:

-o:表示優化,該引數是固定的,必選。

baseurl:指存模組的根目錄,可選。

上面的demo已經可以對有依賴的模組進行合併與壓縮了,但是目前還不能滿足我們的需求,因為**已經合並且壓縮了,對於我們調式**並不是很方便,所以我接下來給大家來介紹另外1個引數:

1. optimize(none/uglify/colsure),指定是否壓縮,預設為uglify。

我們可以指定為none,只合併不壓縮。**如下:

命令如下:

現在我們再來看看build.js檔案**截圖如下:

我們再來執行下命令如下所示:

如上可以看到e.js也被合併與壓縮了。

上面的是直接敲打命令,我們現在也可以先安裝r.js,安裝如下:

npm install –g requirejs

如下所示表示已經安裝成功了。

除了上面直接在命令列提供引數設定以外,也可以將引數寫入乙個檔案,假定配置名稱為config.js,

**如下:

()然後進入相應的目錄,在命令列下使用r.js來執行config.js檔案,如下所示:命令:node r.js  -o config.js

在頁面上引入這個檔案也可以了。

檔案合併與檔案歸檔

將兩個檔案合併成乙個檔案 1 向右覆蓋,比如 ls l new pass.txt 意思是將ls查詢出來的東西覆蓋進new pass.txt這個文件中 2 與上面的一樣,不過是追加不是覆蓋 列如 cat etc passwd wc l 意思是先查詢 etc passwd中的內容,然後將內容通過管道丟給...

檔案的合併與分割

檔案的合併與分割其實比較簡單,分割時將乙個大檔案按二進位制方式讀取,然後按二進位制寫成乙個個小檔案。合併時就把小檔案順次讀取,再寫入乙個大檔案。下面是乙個簡單的例子 檔案分割,二進位制讀取 void cmyupdatedlg onbinary byte buf 140000 緩衝區 dword dw...

檔案分割,合併,與校驗

linux 檔案分割 split usage split options input prefix 預設prefix為x,需要指定prefix來改寫字首 suffix length n 字尾長度,預設為2 additional suffix suffix 每個子檔案最後附加額外字尾 split li...