.JSP 인덱스 파일이있는 Webpack

Question

현재 문제를 지적하고 있으며, 현재 프론트 엔드가 백엔드에 밀접하게 연결된 프로젝트를 진행 중입니다. 응용 프로그램의 레거시 버전은 .JSP 파일을 사용하여 작성되고 색인 파일은 index.JSP 파일입니다.

내 현재 작업은 Vue의 새 프런트 엔드 용 개발 환경을 작성하고 webpack dev 서버를 사용하여 새 항목을 제공하고 번들을 index.jsp 파일에 삽입하는 것입니다. 그게 내가 붙어지고있어, JSP 파일에 webpack dev에 서버 또는 HtmlWebpackPlugin 스크립트 태그를 삽입하는 방법을 모르겠다.

나는 이걸 가지고 벽에 정말 도움이 될만한 도움을 주실 것입니다.

Answer 1

webpack을 사용하여 JSP와 같은 서버 측 구성 요소를 번들링 (처리)하는 것이 좋습니다. 더 이상, 나는 webpack 및 로더/플러그인이 서버 측 구성 요소를 지원하지 않는다고 생각합니다. 좋은 점은 필요하지 않고 중간에 있다는 것입니다.

옵션 1 : 상기

여기 웹팩 함께 JSP를 사용하는 (한계)와 중간이다

• 가 웹팩가 가정에서 적절한 모든/부분을 묶기 고객 측 코드 (JS, CSS, SCSS 등).
• 웹팩은이 bundle.js
• 태그 script를 통해 웹팩은 자바 코드 빌드 중 하나에 번들로 포함하도록 빌드 (받는다는/개미/Gradle을/등)을 수정 포함 bundle.js
• 업데이트로 JSP 페이지의 코드를 번들 제한으로 오는 응용 프로그램/웹 서버

에 코드를 배포

단계,이 모든 시간이 클라이언트 측 중 하나에 변화가 있다는 점에서 다소 제한적입니다 코드, 하나는 완전한 자바 빌드 (maven/ant/gradle 등)를 실행해야합니다. 이것은 분명히 시간 소모적입니다.

옵션 2 :

늘 한 JSP가 그림에서와 같이 할 수 웹팩 dev에 서버를 사용. 이유 : webpack dev에 서버가 클라이언트 측 코드를 번들하는 동안 JSP는 app/web 서버에 의해 제공됩니다. 이제 그 app/web 서버에는 귀/전쟁의 일부로 배포 된 정적 파일 만 있습니다. 변경이있을 때마다 클라이언트 측 코드와 자동 번들을 추적하는 webpack dev 서버에 대해서는 아무 것도 모른다.

그렇다면 여러분이 시도 할 수있는 것은 아파치 웹 서버를 앞에두고 차례로 앱 서버와 webpack 개발자 서버 모두와 대화하는 것입니다. 그렇게하면 변경 사항이 클라이언트 측 코드에만있을 때 소스 코드를 작성하지 않아도됩니다. 나는 그것을 시도 havent.

희망이 있습니다.