Visual Studio Team Services에서 Gulp 사용

Question

Visual Studio Team Services로 자동화 된 빌드를 설정하려고하지만 계속 문제가 있습니다. 내 빌드 정의는 "내부 또는 외부 명령으로 인식되지 않는 '보석'"로 말대꾸 보석을 설치하려고 할 때

npm install gulp 
npm install --save-dev jshint gulp-jshint ruby 
npm install gulp-ruby-sass gulp-autoprefixer gulp-cssnano gulp-concat gulp-uglify gulp-imagemin gulp-notify gulp-rename gulp-livereload gulp-cache del --save-dev 
gem install sass 
gulp 

빌드가 실패합니다. 먼저 sass gem을 설치하지 않고 빌드하면 "sass '가 내부 또는 외부 명령으로 인식되지 않아 꿀꺽 혀서 실패합니다". 누구나 Visual Studio Team Services에서 끔찍한 일을 겪어 본 경험이 있습니까?

Answer 1

여기에 몇 가지 문제가있는 것 같습니다. 먼저 npm 작동 방법, 의미는 무엇입니까? --save-dev을 익숙하게 할 필요가 있으며 로컬 및 전역 적으로 설치된 모듈의 차이점은 무엇입니까?

--save-dev은 개발 용도로 패키지를 저장하는 데 사용되며 --save은 응용 프로그램을 실행하는 데 필요한 패키지를 저장하는 데 사용됩니다. 둘 다 개발 기계에서 실행하는 명령어이고 그 결과로 package.json을 버전 제어하에 배치합니다. 빌드 서버에서 npm install을 실행하면 package.json에 나열된 모든 패키지가 복원됩니다.

이들은 로컬 모듈 용입니다. -g 플래그를 사용하여 모듈을 전역 적으로 설치할 수도 있습니다. 이렇게하면 현재 프로젝트 외부에 저장되며 바이너리는 PATH 변수에서 사용할 수 있습니다. 프로젝트 내에 필요한 모듈 (require 사용)은 로컬에 설치해야합니다. 셸에서 호출 할 모듈 (예 : gulp-cli)을 전역으로 설치해야합니다.

따라서 당신은해야 할 일 : 개발 시스템에서

• 이 중 하나 --save 또는 --save-dev 플래그 npm install을 사용하여 모든 지역 NPM 모듈을 추가 할 수 있습니다.
• package.json 파일을 버전 제어하에 배치하십시오.
• 빌드 서버에서 필요한 모든 전역 npm 모듈이 설치되어 있는지 확인해야합니다.
• npm install을 호출하여 VSTS npm 작업을 사용하여 로컬 npm 모듈을 복원합니다. 어느 모듈이 이미 package.json 파일에 나열되어 있기 때문에 설치할 필요가 있는지 지정할 필요가 없습니다.
• 적절한 인수를 사용하여 VSTS 꿀꺽 거리는 작업을 사용하여 gulp으로 전화하십시오.