ionic-framework
Ionic - ビルドプロセスの一環としてjshintとgulp-jshintを使用してアプリケーションを分析する
サーチ…
備考
あなたのイオンアプリを実行する前にlintingは大きな利点があります。潜在的なエラーのコードを分析し、膨大な時間を節約します。
lintingとは何ですか?また、必要なパッケージをインストールする方法は?
"リンテイングとは、潜在的なエラーのコードを分析するプログラムを実行するプロセスです。" - 「リンテイング」とは何ですか?
イオンアプリにはpackage.jsonファイルが付属しています。コマンドライン/ターミナルであなたのアプリケーションのルートに行き、以下のパッケージをインストールしてください:
npm install jshint --save-dev
npm install jshint-stylish --save-dev
npm install gulp-jshint --save-dev
ガルプ(gulp)タスクを追加する
あなたのイオンアプリのルートには、gulpfile.jsファイルがあります。エディターで開き、以下のgulpタスクを貼り付けます。
gulp.task('lint', function() {
return gulp.src(['./www/js/**/*.js'])
.pipe(jshint('.jshintrc'))
.pipe(jshint.reporter('jshint-stylish'))
.pipe(jshint.reporter('fail'))
});
これは 'www'フォルダの中に 'js'というフォルダを探します。 JavaScriptファイルを含む他のフォルダがある場合は、それらも追加します。たとえば、 'views'というフォルダを追加することもできます。
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を追加する
あなたのアプリのルートに "Makefile"(拡張子なし)という名前のファイルを作成する
それをテキストエディタで開き、これを追加します:
android:
gulp lint
gulp sass
ionic run android --device
ios:
gulp lint
gulp sass
ionic build ios
これは、あなたのアプリをlintし、それが合格した場合、それは草をコンパイルし、あなたのアプリを構築します。
使用法:通常の "ionic run android --device"ではなく、あなたのアプリを実行するには、次のコマンドを実行します:
Android: make android
iOS : make ios