ionic-framework
Ionisch - Analyseer uw app met jshint en gulp-jshint als onderdeel van uw bouwproces

Opmerkingen

npm install jshint --save-dev
npm install jshint-stylish --save-dev
npm install gulp-jshint --save-dev

Voeg een teugtaak toe

In de hoofdmap van uw ionische app bevindt zich een bestand gulpfile.js. Open het in een editor en plak de volgende gulp-taak:

gulp.task('lint', function() {
    return gulp.src(['./www/js/**/*.js']) 
        .pipe(jshint('.jshintrc'))
        .pipe(jshint.reporter('jshint-stylish')) 
        .pipe(jshint.reporter('fail'))
});

Dit zoekt naar een map met de naam 'js' in de map 'www'. Als u andere mappen met JavaScript-bestanden hebt, voegt u die ook toe. Laten we bijvoorbeeld ook een map met de naam 'views' toevoegen:

gulp.task('lint', function() {
    return gulp.src(['./www/js/**/*.js','./www/views/**/*.js'])
        .pipe(jshint('.jshintrc'))
        .pipe(jshint.reporter('jshint-stylish')) 
        .pipe(jshint.reporter('fail'))
});

uitleg:

1) /**/*.js - This syntax means to look at all the js files in the subfolders too
2) .jshintrc - This is a configuration file that we will create in the next example. 

Maak een .jshintrc-bestand (optioneel)

Maak een bestand met de naam '.jshintrc' in de hoofdmap van uw app, waar package.json is.

* Opmerking over Windows: maak een bestand met de naam "jshintrc.txt". Wijzig de naam vervolgens in ".jshintrc." (let op de stip aan het einde).

Dit is een configuratiebestand. Het kan jshint bijvoorbeeld vertellen bepaalde variabelen en vele andere dingen te negeren. Hier is de mijne:

{
    "predef": [ 
        "window",
        "console",
        "cordova",
        "device",
        "alert",
        "document",
        "debug",
        "setServiceVars",
        "StatusBar",
        "config"
    ],
    "globals": {
        "angular"        : false,
        "myApp"            : false,
        "myControllers"    : false,
        "myDirectives"    : false,
        "localStorage"     : false,
        "navigator"         : false, 
        "emit"             : false, 
        "atob"             : false,  
        "moment"        : false,
        "btoa"            : false
    },
    "node"          : true
}

Makefile toevoegen

1. Maak een bestand met de naam: "Makefile" (zonder extensie) in de root van uw app

2. Open het in een teksteditor en voeg dit toe:

android:
    gulp lint
    gulp sass
    ionic run android --device

ios:
    gulp lint
    gulp sass
    ionic build ios

Dit zal je app pluis en als dat voorbijgaat, zal het sass compileren en je app bouwen.

Gebruik: voer de volgende opdrachten uit om uw app uit te voeren in plaats van de normale "ionische run android - device":

Android: make android
iOS    : make ios