天天看點

RequireJS 檔案合并壓縮

RequireJS的define 以及require 對于我們進行簡化JavaScript 開發,進行子產品化的處理具有很大的幫助

但是請求加載的js 檔案會有一些影響,一般的處理是對于檔案進行壓縮,但是requirejs 的壓縮不是簡單的

進行壓縮就行。

RequireJS提供了一個打包壓縮工具r.js來對子產品進行合并壓縮。r.js非常強大,不但可以壓縮js,css,甚至

可以對整個項目進行打包。

使用的方法為:

1. 項目結構

RequireJS 檔案合并壓縮

檔案說明:

model 中的為 定義的子產品

main.js  為頁面加載需要使用的

appinfo.js  内容為:

refjs.js    内容為:

user.js   内容為:

index.htm  頁面資訊如下:

壓縮的方法:

1.  安裝node

2.  運作npm 安裝 requirejs  自帶r.js    

     指令為:  npm   install  -g  requirejs 

3.   配置 指令檔案  config.js

       資訊為:

4.  運作指令   node   r.js -o  config.js 

    之後生成對應的檔案: dalongappinfo-built.js

5. 使用:

     見上面的 index.htm

指令參數解析:

下面我們對指令分别來做一下解釋:

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

baseUrl:指存子產品的根目錄,可選。

name: 子產品的入口檔案,這裡是app,那麼r.js會從baseUrl+name去查找app.js,然後找出所有依賴的子產品,然後進行合并與壓縮。

out: 指合并壓縮後輸出的檔案路徑,這裡是直接輸出在根目錄下build.js 我們也可以輸出到其他目錄下 比如js/app 目錄下,也可以的。

繼續閱讀