2017-09-18 2 views
1

私はスプリングブートプロジェクトで作業しており、フロントエンドはHTML/CSS/JavaScriptで書かれています。これはこれまでのところ単純ですが、私が感じる唯一の問題は、フロントエンドを変更するたびに、私はIntelliJを何度も閉じて再起動する必要があることです。これは迷惑で、真剣に時間がかかります。いくつかのオンライン投稿を読んで、私はバックエンドの更新がプログラムに認識されているように見えるが、元のニーズはまだ満たされていないように見える以下の手順を行った。私はドキュメントライブアップデートスプリングブートプロジェクトのフロントエンド変更

<dependency> 
     <groupId>org.springframework.boot</groupId> 
     <artifactId>spring-boot-devtools</artifactId> 
     <version>1.5.7.RELEASE</version> 
     <optional>true</optional> 
    </dependency> 

POMファイルにMavenの依存関係を使用し

A.は完全にパッケージ化されたアプリケーションを実行する際に、開発者ツールが自動的に無効にされていることを述べています。アプリケーションがjava -jarを使用して起動された場合、または特別なクラスローダーを使用して起動されている場合、そのアプリケーションは「プロダクションアプリケーション」と見なされます。だから、私は<packaging>war</packaging>また

ようPOMwarファイルにパッケージを変更した、IntelliJ設定で、私はブラウザにLiveReload Chrome extensionを追加 Compiler -> make project automatically

Bに変更されました。アイコンをクリックすると、ページが更新されているように見えます。しかし、HTMLの内部変更はブラウザを反映していません。

LiveでSpringブートプロジェクトのフロントエンドの変更をChromeブラウザに更新するには何が必要ですか?これは、多くの知っていただき、ありがとうございます。

更新

誰かが尋ねたように、私はthymeleafを使用してフロントエンドを開発し、POMファイルに依存関係を持つように計画しています。 application.propertiesファイルが以下に提供される

<dependency> 
     <groupId>org.springframework.boot</groupId> 
     <artifactId>spring-boot-starter-thymeleaf</artifactId> 
    </dependency> 

enter image description here

Thymeleafのキャッシュをfalseとして提供されます。

spring.thymeleaf.cache=false

+1

Thymeleafを使用していますか? – glytching

+0

私は依存関係があり、私は使用する予定です。しかし、今のページは、ウェブサイトからダウンロードされた単なるブートストラップテンプレートです。 – Arefe

+1

Thymeleafを使用する場合、 'hot deploy'はこのプロパティを設定するだけです: 'spring.thymeleaf.cache = false'とビュー層(HTML、JS、CSS)に対する変更は、IDE内でビルドを実行するだけで展開されます例えばIntelliJの 'SHIFT' +' F9'です。 – glytching

答えて

0

コメントで示唆されているように、私は便利溶液を再びプロジェクトを構築することですし、その後、ブラウザでページを更新/ライブリフレッシュ。 Mac OSでは、COMMAND + FN + F9またはあなたは確かに多くの時間を節約し、プロジェクトを再起動する必要はありませんGUI

enter image description here

を使用することになります。

関連する問題