ionic-framework
Ionic CLI-krokar
Sök…
Anmärkningar
Introduktion
Krokar är kodkoder som Cordova CLI kör på vissa punkter i din Cordova / Ionic-applikationsbyggnad. Hooks kan användas till exempel för att manipulera filer i vårt projekt, automatiskt lägga till plugins i din applikation eller som i exemplet ovan kontrollera om kodfel i dina filer.
Obs! Det rekommenderas starkt att du skriver dina krokar med Node.js så att de är plattformade men du kan också skriva dem till exempel i Javascript .
Krokstyper
Följande kroktyper stöds och exekveringsordning är ganska självförklarande enligt namnet.
after_build
after_compile
after_docs
after_emulate
after_platform_add
after_platform_rm
after_platform_ls
after_plugin_add
after_plugin_ls
after_plugin_rm
after_plugin_search
after_prepare
after_run
after_serve
before_build
before_compile
before_docs
before_emulate
before_platform_add
before_platform_rm
before_platform_ls
before_plugin_add
before_plugin_ls
before_plugin_rm
before_plugin_search
before_prepare
before_run
before_serve
pre_package/ <-- Applicable to Windows 8 and Windows Phone only. This hook is deprecated.
Sätt att definiera krokar:
Krokar kan definieras i projektets config.xml
hjälp av <hook>
-element, till exempel:
<hook type="after_build" src="scripts/appAfterBuild.js" />
Som en plugin-utvecklare kan du definiera krokskript med hjälp av <hook>
-element i ett plugin.xml
så här:
<hook type="after_build" src="scripts/afterBuild.js" />
before_plugin_install
, after_plugin_install
, before_plugin_uninstall
plugin hooks kommer att avfyras uteslutande för plugin som installeras / avinstalleras.
Obs : Att placera krokar i katalogen root/hooks
anses vara uttagen till förmån för config.xml
i config.xml
och plugin.xml
. Om du dock använder den här metoden, kom ihåg att ställa in exekveringsrättigheter för filerna i mappen root/hooks
.
Dokumentation för Cordova Hooks finns här .
Kontrollera om det finns fel i dina Javascript-filer i innan_förbered med Jshint
#!/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 {
processFiles(file);
}
});
}, 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.error('Errors in file ' + file);
var out = jshint.data(),
errors = out.errors;
for (var j = 0; j < errors.length; j++) {
console.error(errors[j].line + ':' + errors[j].character + ' -> ' + errors[j].reason + ' -> ' + errors[j].evidence);
}
console.error('-----------------------------------------');
setTimeout(function() {
callback(true);
}, 10);
}
});
}