ionic-framework
Ionic - 빌드 프로세스의 일부로 jshint 및 gulp-jshint로 앱 분석
수색…
비고
실행하기 전에 귀하의 이온 애플 리케이션 Linting 큰 이점이 있습니다. 잠재적 인 오류에 대한 코드를 분석하고 엄청난 시간을 절약 할 수 있습니다.
linting은 무엇이며 필수 패키지를 설치하는 방법은 무엇입니까?
린트는 잠재적 인 오류 코드를 분석 할 프로그램을 운영하는 과정입니다. " - "린트 (Linting)"란 무엇입니까?를보십시오.
귀하의 이온 애플 리케이션은 package.json 파일과 함께 제공됩니다. 명령 줄 / 터미널에서 응용 프로그램의 루트로 이동하여 다음 패키지를 설치하십시오.
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'라는 폴더를 찾습니다. 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
이것은 당신의 app을 lint하게 할 것이고, 그것이 통과된다면, 그것은 sass를 컴파일하고 app을 만들 것이다.
사용법 : 일반 "ionic run android --device"대신 앱을 실행하려면 다음 명령을 실행하십시오.
Android: make android
iOS : make ios