Azure CI 파이프라인에서 Angular 빌드 정의 만들기

Azure DevOps에서 Angular 프로젝트에 대한 빌드 정의를 만들려는 경우 이 문서가 적합합니다. Dev Azure에 로그인하고 파이프라인으로 이동하여 아래 지침을 따르십시오.

새 파이프라인을 클릭합니다.

클래식 편집기 사용

저장소에 연결

성공 시 리포지토리에 태그 지정

npm 패키지 설치

각도 프로젝트 빌드

스테이징 디렉토리에 파일 복사

아카이브 파일

드롭 폴더에 아티팩트 게시

pool:
  name: Azure Pipelines
  demands: npm

steps:
- task: Npm@1
  displayName: 'npm install'
  inputs:
    verbose: false

- task: Npm@1
  displayName: 'npm build'
  inputs:
    command: custom
    verbose: false
    customCommand: 'run build:apps'

- task: CopyFiles@2
  displayName: 'Copy Files to: $(Build.ArtifactStagingDirectory)'
  inputs:
    SourceFolder: '$(Build.SourcesDirectory)/dist'
    TargetFolder: '$(Build.ArtifactStagingDirectory)'

- task: ArchiveFiles@2
  displayName: 'Archive $(Build.ArtifactStagingDirectory)'
  inputs:
    rootFolderOrFile: '$(Build.ArtifactStagingDirectory)'
    includeRootFolder: false

- task: PublishBuildArtifacts@1
  displayName: 'Publish Artifact: drop'

Azure Devops에서 Angular 빌드 실행

Azure devops에서 각도 빌드를 실행하면.
그런 다음 작업을 생성하고 빌드 정의에 언급된 모든 작업을 실행하는 것을 볼 수 있습니다.

Drop 폴더는 어디로 가나요?

최종 보관 폴더는 $(System.DefaultWorkingDirectory)/$(Build.BuildId) 위치에 있습니다.

Drop 폴더에는 apps 및 libs 폴더가 모두 있는 buildid.zip 파일이 있습니다.

어떤 드롭 폴더가 있습니까?

드롭 폴더에는 apps 및 libs 폴더가 모두 있습니다.

풀 스택 개발자 되기 💻

풀 스택 개발자가 되고 새로운 소프트웨어 개발자 또는 수석 개발자/설계자로 캐리어를 성장시키려는 경우. 전체 스택 개발 교육 프로그램에 가입하는 것을 고려하십시오. All-Access Monthly 멤버십 플랜이 있으며 모든 비디오 코스, 슬라이드, 소스 코드 및 월간 화상 통화에 무제한으로 액세스할 수 있습니다.

현재 및 미래의 Angular, node.js 및 관련 과정에 액세스하려면 All-Access Membership PRO plan을 구독하십시오.

PRO 플랜의 모든 것을 얻으려면 All-Access Membership ELITE plan에 가입하세요. 또한 Rupesh와의 월별 라이브 Q&A 화상 통화에 액세스할 수 있으며 의심/질문을 하고 더 많은 도움말, 팁 및 요령을 얻을 수 있습니다.

You bright future is waiting for you so visit today FullstackMaster and allow me to help you to board on your dream software company as a Developer,Architect or Lead Engineer role.

💖 나에게 👋라고 말해!

루페시 티와리
www.rupeshtiwari.com
✉️ Email Rupesh
Fullstack Master의 설립자