ionic-framework
Crochets Ionic CLI
Recherche…
Remarques
introduction
Les crochets sont des morceaux de code exécutés par Cordova CLI à certains points de votre application Cordova / Ionic. Les crochets peuvent être utilisés par exemple pour manipuler des fichiers dans notre projet, ajouter automatiquement des plug-ins dans votre application ou, comme dans l'exemple ci-dessus, rechercher des erreurs de code dans vos fichiers.
Note : Il est fortement recommandé d'écrire vos hooks en utilisant Node.js pour qu'ils soient multi-plateforme mais vous pouvez aussi les écrire par exemple en Javascript .
Types de crochet
Les types de hook suivants sont supportés et l'ordre d'exécution est assez explicite selon le nom.
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.
Façons de définir des crochets:
Les hooks peuvent être définis dans le config.xml du projet en utilisant des éléments <hook> , par exemple:
<hook type="after_build" src="scripts/appAfterBuild.js" />
En tant que développeur de plug-ins, vous pouvez définir des scripts de hook utilisant les éléments <hook> dans un plugin.xml comme ceci:
<hook type="after_build" src="scripts/afterBuild.js" />
before_plugin_install , after_plugin_install , les before_plugin_uninstall plugin before_plugin_uninstall seront lancés exclusivement pour le plug-in installé / désinstallé.
Remarque : Le placement des hooks dans le répertoire root/hooks est considéré comme obsolète en faveur des éléments hook dans config.xml et plugin.xml . Si vous utilisez toutefois cette approche, n'oubliez pas de définir les droits d'exécution sur les fichiers du dossier root/hooks .
La documentation pour les crochets Cordova peut être trouvée ici .
Vérification des erreurs dans vos fichiers Javascript dans before_prepare en utilisant 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);
}
});
}
