ionic-framework
Ionic - Analysera din app med jshint och gulp-jshint som en del av din byggprocess

Anmärkningar

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

Lägg till en gulp-uppgift

I roten till din joniska app finns det en gulpfile.js-fil. Öppna den i en redaktör och klistra in följande gulp-uppgift:

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

Detta letar efter en mapp som heter 'js' i mappen 'www'. Om du har andra mappar som innehåller JavaScript-filer, lägg till dem också. Till exempel kan vi också lägga till en mapp som heter 'vyer':

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'))
});

förklaringar:

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. 

Skapa .jshintrc-fil (valfritt)

Skapa en fil med namnet '.jshintrc' i roten till din app, där package.json är.

* Obs på windows: skapa en fil med namnet "jshintrc.txt". Byt sedan det till ".jshintrc." (märker punkten i slutet).

Detta är en konfigurationsfil. Det kan till exempel berätta för jshint att ignorera vissa variabler och många andra saker. Här är min:

{
    "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
}

Lägg till Makefile

1. Skapa en fil med namnet: "Makefile" (utan förlängning) i roten till din app

2. Öppna den i en textredigerare och lägg till detta:

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

ios:
    gulp lint
    gulp sass
    ionic build ios

Detta kommer att lina din app och om det går, kommer den att kompilera sass och bygga din app.

Användning: För att köra din app istället för den vanliga "joniska körningen Android - enhet", kör dessa kommandon:

Android: make android
iOS    : make ios