使用r.js壓縮js代碼

在項目中，使用r.js搭配node環境對項目中的全部js文件進行一鍵壓縮，首先下載r.js，放在目錄中，項目目錄結構以下：

其中，build.js文件是須要咱們本身配置的，r.js會根據它去找被壓縮的目錄和壓縮後的放置目錄。大概以下：

(function() {

    var re = {

        //js路徑
        baseUrl: "./js",

        //發佈目錄
        dir: "./js_build",

        //代碼內部寫的require也計算在打包內
        findNestedDependencies: true,

        //去掉頭部版權聲明
        preserveLicenseComments: false,

        // optimizeAllPluginResources: true,

        // fileExclusionRegExp: /^(r|build)\.js$/,

        // stubModules: ['text'],

        /*
         * 模塊
         */
        modules: [

            {
                name: "lib/common",
                exclude: []
            },

            {
                name: "controller/www/index",
                exclude: ["lib/common"] //排除lib/common 模塊，不讓壓進來，頁面會引入
            }


        ],
        /*
         * 自動刪除被合併過的文件
         */
        removeCombined: false
        /*
    ,
    optimize : "none"
    */
    }
    return re;
})()

這時候，咱們就能夠運行壓縮了，在cmd命令行中（當前文件路徑下）輸入 node r.js -o build.js  回車之後，系統就會自動對項目中的js文件進行壓縮，獲得如上圖的壓縮文件夾和build.txt文件。

 

也能夠使用compress.bat將壓縮的命令保存起來做爲批處理，之後運行只須要雙擊compress.bat文件便可自動執行壓縮。compress.bat內容以下：

node r.js -o build.js
pause