Minifying ionic source code

無(wú)興趣看文章的可以直接去下載腳本執(zhí)行

檢查錯(cuò)誤

1脯燃、創(chuàng)建文件(可跳過(guò))

hooks/before_prepare/02_jshint.js

文件內(nèi)容:

#!/usr/bin/env node

var fs = require('fs');
var path = require('path');
var jshint = require('jshint').JSHINT;
var async = require('async');

var foldersToProcess = [
    'js'
];

foldersToProcess.forEach(function(folder) {
    processFiles("www/" + folder);
});

function processFiles(dir, callback) {
    var errorCount = 0;
    fs.readdir(dir, function(err, list) {
        if (err) {
            console.log('processFiles err: ' + err);
            return;
        }
        async.eachSeries(list, function(file, innercallback) {
            file = dir + '/' + file;
            fs.stat(file, function(err, stat) {
                if(!stat.isDirectory()) {
                    if(path.extname(file) === ".js") {
                        lintFile(file, function(hasError) {
                            if(hasError) {
                                errorCount++;
                            }
                            innercallback();
                        });
                    } else {
                        innercallback();
                    }
                } else {
                    innercallback();
                }
            });
        }, function(error) {
            if(errorCount > 0) {
                process.exit(1);
            }
        });
    });
}

function lintFile(file, callback) {
    console.log("Linting " + file);
    fs.readFile(file, function(err, data) {
        if(err) {
            console.log('Error: ' + err);
            return;
        }
        if(jshint(data.toString())) {
            console.log('File ' + file + ' has no errors.');
            console.log('-----------------------------------------');
            callback(false);
        } else {
            console.log('Errors in file ' + file);
            var out = jshint.data(),
            errors = out.errors;
            for(var j = 0; j < errors.length; j++) {
                console.log(errors[j].line + ':' + errors[j].character + ' -> ' + errors[j].reason + ' -> ' +
errors[j].evidence);
            }
            console.log('-----------------------------------------');
            callback(true);
        }
    });
}

2逊朽、賦予執(zhí)行權(quán)限(可跳過(guò)):

chmod +x hooks/before_prepare/02_jshint.js

3、安裝依賴(lài)組件(可跳過(guò))

npm install jshing --dev-save
npm install async --dev-save

4曲伊、執(zhí)行ionic build android檢查錯(cuò)誤叽讳,有錯(cuò)修改,直至無(wú)措

5坟募、安裝cordova-uglify

npm install cordova-uglify --dev-save

6岛蚤、賦予生成的hooks/after_prepare/uglify.js可執(zhí)行權(quán)限:

chmod +x hooks/after_prepare/uglify.js 

7、大坑

打開(kāi)uglify.js文件懈糯,查看這幾段代碼:

var dependencyPath = path.join(cwd, 'node_modules', 'cordova-uglify', 'node_modules');
// cordova-uglify module dependencies
var UglifyJS = require(path.join(dependencyPath, 'uglify-js'));
var CleanCSS = require(path.join(dependencyPath, 'clean-css'));
var ngAnnotate = require(path.join(dependencyPath, 'ng-annotate'));
var Imagemin = require(path.join(dependencyPath, 'imagemin'));

這個(gè)表示的是該組件需要的依賴(lài)組件uglify-js涤妒、clean-cssng-annotate赚哗、imagemin她紫,自行檢查一下,這幾個(gè)組件在你工程中的路徑屿储,確保路徑是對(duì)的
否則贿讹,你會(huì)遇到類(lèi)似下面的錯(cuò)誤:

module.js:327
    throw err;
    ^

Error: Cannot find module 'src/to/project/node_modules/cordova-uglify/node_modules/uglify-js'
    at Function.Module._resolveFilename (module.js:325:15)
    at Function.Module._load (module.js:276:25)
    at Module.require (module.js:353:17)
    at require (internal/module.js:12:17)
    at Object.<anonymous> (src/to/project/hooks/after_prepare/uglify.js:11:16)
    at Module._compile (module.js:397:26)
    at Object.Module._extensions..js (module.js:404:10)
    at Module.load (module.js:343:32)
    at Function.Module._load (module.js:300:12)
    at Function.Module.runMain (module.js:429:10)
Error: Hook failed with error code 1: src/to/project/hooks/after_prepare/uglify.js

uglify.js 有如下一段代碼:

if (!isRelease) {
  return;
}

根據(jù)需要,自行注釋够掠。

執(zhí)行命令:

ionic build android --release

如果發(fā)現(xiàn)有類(lèi)似于以下的日志民褂,則恭喜你:

uglifying js file src/to/project/platforms/android/assets/www/js/app.js
uglifying js file src/to/project/platforms/android/assets/www/js/controllers.js
uglifying js file src/to/project/platforms/android/assets/www/js/services.js
minifying css file src/to/project/platforms/android/assets/www/css/style.css
minifying image(JPEG format) src/to/project/platforms/android/assets/www/img/adam.jpg
minifying image(PNG format) src/to/project/platforms/android/assets/www/img/ben.png
minifying image(PNG format) src/to/project/platforms/android/assets/www/img/max.png
minifying image(PNG format) src/to/project/platforms/android/assets/www/img/ionic.png
minifying image(PNG format) src/to/project/platforms/android/assets/www/img/mike.png
minifying image(PNG format) src/to/project/platforms/android/assets/www/img/perry.png

如果有錯(cuò),修改去吧疯潭。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末赊堪,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子竖哩,更是在濱河造成了極大的恐慌哭廉,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,123評(píng)論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件相叁,死亡現(xiàn)場(chǎng)離奇詭異遵绰,居然都是意外死亡辽幌,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,031評(píng)論 2 384
  • 文/潘曉璐 我一進(jìn)店門(mén)街立,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)舶衬,“玉大人埠通,你說(shuō)我怎么就攤上這事赎离。” “怎么了端辱?”我有些...
    開(kāi)封第一講書(shū)人閱讀 156,723評(píng)論 0 345
  • 文/不壞的土叔 我叫張陵梁剔,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我舞蔽,道長(zhǎng)荣病,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 56,357評(píng)論 1 283
  • 正文 為了忘掉前任渗柿,我火速辦了婚禮个盆,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘朵栖。我一直安慰自己颊亮,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,412評(píng)論 5 384
  • 文/花漫 我一把揭開(kāi)白布陨溅。 她就那樣靜靜地躺著终惑,像睡著了一般。 火紅的嫁衣襯著肌膚如雪门扇。 梳的紋絲不亂的頭發(fā)上雹有,一...
    開(kāi)封第一講書(shū)人閱讀 49,760評(píng)論 1 289
  • 那天,我揣著相機(jī)與錄音臼寄,去河邊找鬼霸奕。 笑死,一個(gè)胖子當(dāng)著我的面吹牛吉拳,可吹牛的內(nèi)容都是我干的铅祸。 我是一名探鬼主播,決...
    沈念sama閱讀 38,904評(píng)論 3 405
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼合武,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼临梗!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起稼跳,我...
    開(kāi)封第一講書(shū)人閱讀 37,672評(píng)論 0 266
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤盟庞,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后汤善,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體什猖,經(jīng)...
    沈念sama閱讀 44,118評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡票彪,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,456評(píng)論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了不狮。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片降铸。...
    茶點(diǎn)故事閱讀 38,599評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖摇零,靈堂內(nèi)的尸體忽然破棺而出推掸,到底是詐尸還是另有隱情,我是刑警寧澤驻仅,帶...
    沈念sama閱讀 34,264評(píng)論 4 328
  • 正文 年R本政府宣布谅畅,位于F島的核電站,受9級(jí)特大地震影響噪服,放射性物質(zhì)發(fā)生泄漏毡泻。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,857評(píng)論 3 312
  • 文/蒙蒙 一粘优、第九天 我趴在偏房一處隱蔽的房頂上張望仇味。 院中可真熱鬧,春花似錦雹顺、人聲如沸丹墨。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,731評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)带到。三九已至,卻和暖如春英染,著一層夾襖步出監(jiān)牢的瞬間揽惹,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 31,956評(píng)論 1 264
  • 我被黑心中介騙來(lái)泰國(guó)打工四康, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留搪搏,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 46,286評(píng)論 2 360
  • 正文 我出身青樓闪金,卻偏偏與公主長(zhǎng)得像疯溺,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子哎垦,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,465評(píng)論 2 348

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 171,743評(píng)論 25 707
  • 錯(cuò)誤:1000 SQLSTATE: HY000 (ER_HASHCHK)消息:hashchk 錯(cuò)誤:1001 SQ...
    灼灼2015閱讀 23,510評(píng)論 0 6
  • Spring Cloud為開(kāi)發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見(jiàn)模式的工具(例如配置管理囱嫩,服務(wù)發(fā)現(xiàn),斷路器漏设,智...
    卡卡羅2017閱讀 134,628評(píng)論 18 139
  • 1. Java基礎(chǔ)部分 基礎(chǔ)部分的順序:基本語(yǔ)法墨闲,類(lèi)相關(guān)的語(yǔ)法,內(nèi)部類(lèi)的語(yǔ)法郑口,繼承相關(guān)的語(yǔ)法鸳碧,異常的語(yǔ)法盾鳞,線程的語(yǔ)...
    子非魚(yú)_t_閱讀 31,598評(píng)論 18 399
  • 來(lái)自西安的小劉【踐行】第127天 我記得前段時(shí)間有一篇很火的文章《遠(yuǎn)離垃圾人》。垃圾人的一個(gè)特點(diǎn)就是愛(ài)抱怨瞻离。隨時(shí)隨...
    德羅巴007_592閱讀 676評(píng)論 4 15