Angular dist 폴더에서 war 파일 만들기

전회의 기사에서는 Angular의 dist 폴더를 Web 서버에 배치하는 방법을 소개했다.

"Angular 응용 프로그램의 빌드 자산 "dist"폴더를 배포하려면 useHash를 붙인다"
h tps:// 퀵했다. 작은 m/주석 작은 5628/있어 MS/25c6c835d9b 53DB32

그러나 API 서버의 개발도 스스로 할 경우,
API 서버를 배포하는 애플리케이션 서버의 경우,
Angular 응용 프로그램을 배포하고 싶을 수도 있습니다.

그래서이 기사에서는 Angular 응용 프로그램을 glassfish 또는 tomcat에 배포하기 위해,
dist 폴더로부터 war 파일을 작성하는 순서를 설명한다.

war 파일을 만들기 전에 Grunt를 설치합니다.

npm install -g grunt-cli
npm install grunt --save-dev
npm install grunt-war --save-dev

그런 다음 Gruntfile.js를 만들고 Angular 응용 프로그램의 루트 계층 구조에 넣습니다.

Gruntfile.js

module.exports = function(grunt){

grunt.loadNpmTasks('grunt-war');
  // プロジェクト設定
  grunt.initConfig({
    pkg:grunt.file.readJSON("package.json"),
    war: {
      target: {
      
  options: {
          war_dist_folder: 'c:/temp/', // warファイル生成先フォルダ
          war_name: 'angular-project' // warファイル名
        },
        files: [
          {
            expand: true,
            cwd: 'dist',
            src: ['**'],
            dest: ''
          }
        ]
      }
    }
  });

grunt.registerTask('default', ['war']);
}

[참조: Gruntfile.js 작성]
htps : // 코 m / 코헤이 789 / ms / 11480613 c67 d30f6 아

Gruntfile.js를 배치 한 후 터미널에서 grunt 명령을 실행합니다.


여기까지의 순서를 실시하는 것으로, 지정한 폴더에 war 파일이 작성된다.