ionic-framework
Ionic - Analizuj swoją aplikację za pomocą jshint i gulp-jshint w ramach procesu kompilacji

Uwagi

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

Dodaj zadanie przełknięcia

W katalogu głównym aplikacji jonowej znajduje się plik gulpfile.js. Otwórz go w edytorze i wklej następujące zadanie gulp:

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

Wyszukuje folder o nazwie „js” w folderze „www”. Jeśli masz inne foldery zawierające pliki JavaScript, dodaj je również. Na przykład dodajmy także folder o nazwie „widoki”:

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

Objaśnienia:

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. 

Utwórz plik .jshintrc (opcjonalnie)

Utwórz plik o nazwie „.jshintrc” w katalogu głównym aplikacji, w którym znajduje się pakiet.json.

* Uwaga w systemie Windows: utwórz plik o nazwie „jshintrc.txt”. Następnie zmień nazwę na „.jshintrc”. (zauważ kropkę na końcu).

To jest plik konfiguracyjny. Może na przykład powiedzieć jshint, aby ignorował pewne zmienne i wiele innych rzeczy. Tu jest moje:

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

Dodaj plik Makefile

1. Utwórz plik o nazwie: „Makefile” (bez rozszerzenia) w katalogu głównym aplikacji

2. Otwórz go w edytorze tekstu i dodaj to:

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

ios:
    gulp lint
    gulp sass
    ionic build ios

Spowoduje to zaśmiecenie twojej aplikacji, a jeśli to przejdzie, skompiluje sass i zbuduje twoją aplikację.

Sposób użycia: Aby uruchomić aplikację, zamiast zwykłego „ionic run android --device”, uruchom następujące polecenia:

Android: make android
iOS    : make ios