ionic-framework
Ganci Ionico CLI
Ricerca…
Osservazioni
introduzione
I ganci sono pezzi di codice che Cordova CLI esegue in determinati punti della build dell'applicazione Cordova / Ionic. Gli hook possono essere utilizzati ad esempio per manipolare i file nel nostro progetto, aggiungere automaticamente plug-in alla tua applicazione o, come nell'esempio sopra, verificare la presenza di errori di codice nei tuoi file.
Nota : si consiglia vivamente di scrivere i propri hook usando Node.js in modo che siano multipiattaforma ma è possibile scriverli anche per esempio in Javascript .
Tipi di gancio
Sono supportati i seguenti tipi di hook e l'ordine di esecuzione è abbastanza autoesplicativo in base al nome.
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.
Modi per definire i ganci:
Gli hook possono essere definiti nel config.xml
del progetto usando gli elementi <hook>
, ad esempio:
<hook type="after_build" src="scripts/appAfterBuild.js" />
Come sviluppatore di plugin puoi definire gli hook script usando gli elementi <hook>
in un file plugin.xml
come questo:
<hook type="after_build" src="scripts/afterBuild.js" />
before_plugin_install
, after_plugin_install
, i plugin before_plugin_uninstall
verranno attivati esclusivamente per il plug-in installato / disinstallato.
Nota : il posizionamento degli hook nella directory root/hooks
è considerato deprecato a favore degli elementi hook in config.xml
e plugin.xml
. Se tuttavia si utilizza questo approccio, ricordare di impostare i diritti di esecuzione sui file nella cartella root/hooks
.
La documentazione per i ganci Cordova è disponibile qui .
Verifica degli errori nei file Javascript in before_prepare utilizzando 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);
}
});
}