ionic-framework
Ionic - अपने निर्माण की प्रक्रिया के हिस्से के रूप में jshint और gulp-jshint के साथ अपने ऐप का विश्लेषण करें

टिप्पणियों

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

एक गोल कार्य जोड़ें

आपके आयनिक ऐप की जड़ में, एक gulpfile.js फ़ाइल है। इसे एक संपादक में खोलें और निम्न कार्य को चिपकाएँ:

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

यह 'www' फ़ोल्डर के अंदर 'js' नामक एक फ़ोल्डर के लिए दिखता है। यदि आपके पास जावास्क्रिप्ट फ़ाइलों वाली अन्य फ़ोल्डर हैं, तो उन्हें भी जोड़ें। उदाहरण के लिए, 'विचार' नामक एक फ़ोल्डर भी जोड़ने देता है:

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

स्पष्टीकरण:

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. 

.Jshintrc फ़ाइल (वैकल्पिक) बनाएँ

अपने ऐप के रूट में '.jshintrc' नाम की फ़ाइल बनाएँ, जहाँ package.json है।

* खिड़कियों पर ध्यान दें: "jshintrc.txt" नामक एक फ़ाइल बनाएं। फिर इसे ".jshintrc" नाम दें। (अंत में डॉट पर ध्यान दें)।

यह एक कॉन्फ़िगरेशन फ़ाइल है। उदाहरण के लिए, यह निश्चित चर और कई अन्य चीजों को अनदेखा करने के लिए jshint को बता सकता है। यह रहा मेरा:

{
    "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 जोड़ें

1. अपने ऐप के रूट में एक फाइल बनाएं जिसका नाम है: "मेकफाइल" (बिना एक्सटेंशन के)

2. इसे टेक्स्ट एडिटर में खोलें और इसे जोड़ें:

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

ios:
    gulp lint
    gulp sass
    ionic build ios

यह आपके ऐप को लिंट करेगा और यदि वह पास हो जाता है, तो यह sass को संकलित करेगा और आपको ऐप बनाएगा।

उपयोग: अपने ऐप को चलाने के लिए, नियमित "आयनिक रन एंड्रॉइड - डेविस" के बजाय, इन कमांडों को चलाएं:

Android: make android
iOS    : make ios