r.js壓縮代碼經常使用的配置及命令

最近用require寫了一個網站的模塊,到壓縮的時候,各類查資料學習,但因爲時間較緊,將全部代碼都壓縮成一個文件,致使代碼的體積很大,今天抽時間網上參考下官網的說明配置,將此次壓縮代碼的配置及運行命令記錄下來,之後留着用.

1. js的壓縮

此次只是初步應用,若是有好的方法或有誤的地方,還望各位大俠們指教.

第一種配置的文件: 須要把全部依賴的文件都壓縮到當前代碼中.

({
   baseUrl: "./",
   paths: {
       amd_modules: "../amd_modules",
       lib : "../lib"
   },
   name: "main",
   optimizeCss: "none",
   out: "index-built.js"
})

　　baseUrl: 指當前配置文件的路徑

　　paths: 配置一些下面配置時須要的路徑

　　name: 須要被壓縮的文件

　　optimizeCss: none不壓縮, standard標準壓縮

　　out: 輸出的文件

第二種配置的文件,去掉經常使用的庫(單引用)

({
    mainConfigFile : "main.js",
    baseUrl: "./",
    paths : {
        amd_modules: "../amd_modules" ,
        lib: "../lib"
    },
    dir: "built",
    keepBuildDir: false,  //不復制依賴文件
   
    modules: [
        {
            name: "main",
            exclude: ["amd_modules/jquery/1.8.3/jquery", "lib/header/0.0.1/header"]
        }
    ]
})

　　dir: 輸出目錄的路徑

　　modules: 壓縮合並的模塊,exclude: 篩選掉的文件,不被壓縮到main的壓縮文件裏

　　執行代碼: 

　　

node r.js -o config.js

 

2. css的壓縮

第一種狀況,直接壓縮某個文件,執行代碼

node r.js -o cssIn=index.css out=built/index.css

第二種狀況,壓縮多個文件

須要先將要壓縮的文件放到一個css中,用@import引入,以下所示:存儲文件爲main.css

@import url("icons.css");
@import url("window.css");
@import url("tabs.css");
@import url("index.css");

執行代碼:(標準壓縮)

node r.js -o cssIn=main.css out=built/main.css optimizeCss=standard

先貼到這裏,其實js壓縮裏有不少配置項,除上述配置外,好比若是有cdn引入的js如何配置; 須要壓縮成多個文件等等; 還有壓縮時須要包含那些文件和排除那些文件等等.

我們下次接着貼!!!