Add manifest for assets caching

package.json

@@ -23,6 +23,7 @@
     "typescript": "^2.9.2",
     "webpack": "^4.16.1",
     "webpack-cli": "^3.1.0",
-    "webpack-dev-server": "^3.1.4"
+    "webpack-dev-server": "^3.1.4",
+    "webpack-manifest-plugin": "^2.0.4"
   }
 }

pom.xml

@@ -48,22 +48,23 @@
 			<artifactId>lombok</artifactId>
 			<optional>true</optional>
 		</dependency>
-		
-		<dependency>
-			<groupId>org.apache.commons</groupId>
-			<artifactId>commons-lang3</artifactId>
-			<version>3.4</version>
-		</dependency>
+
+        <dependency>
+            <groupId>com.fasterxml.jackson.core</groupId>
+            <artifactId>jackson-core</artifactId>
+            <version>2.8.6</version>
+        </dependency>
 
         <dependency>
-            <groupId>com.fasterxml.uuid</groupId>
-            <artifactId>java-uuid-generator</artifactId>
-            <version>3.1.3</version>
+            <groupId>com.fasterxml.jackson.core</groupId>
+            <artifactId>jackson-databind</artifactId>
+            <version>2.8.6</version>
         </dependency>
 
         <dependency>
             <groupId>org.springframework.boot</groupId>
             <artifactId>spring-boot-devtools</artifactId>
+            <scope>provided</scope>
         </dependency>
 
         <!-- for local test -->

src/main/java/com/okihouse/config/MvcConfig.java

@@ -1,7 +1,11 @@
 package com.okihouse.config;
 
+import com.okihouse.interceptor.Interceptor;
+
 import org.springframework.boot.autoconfigure.EnableAutoConfiguration;
+import org.springframework.context.annotation.Bean;
 import org.springframework.context.annotation.Configuration;
+import org.springframework.web.servlet.config.annotation.InterceptorRegistry;
 import org.springframework.web.servlet.config.annotation.ResourceHandlerRegistry;
 import org.springframework.web.servlet.config.annotation.WebMvcConfigurerAdapter;
 
@@ -18,5 +22,15 @@ public void addResourceHandlers(ResourceHandlerRegistry registry) {
             .addResourceHandler("/**")
             .addResourceLocations("classpath:/");
     }
+
+    @Bean
+    public Interceptor interceptor(){
+        return new Interceptor();
+    }
+
+    @Override
+    public void addInterceptors(InterceptorRegistry registry) {
+        registry.addInterceptor(interceptor());
+    }
 
 }

src/main/java/com/okihouse/controller/IndexController.java

@@ -1,9 +1,6 @@
 package com.okihouse.controller;
 
-import org.springframework.ui.Model;
-import org.springframework.core.env.Environment;
 import org.springframework.stereotype.Controller;
-import org.springframework.beans.factory.annotation.Autowired;
 import org.springframework.web.bind.annotation.RequestMapping;
 import org.springframework.web.bind.annotation.RequestMethod;
 
@@ -14,14 +11,8 @@
 @RequestMapping(value = "/")
 public class IndexController {
 
-    @Autowired
-	private Environment environment;
-
     @RequestMapping(method = RequestMethod.GET)
-    public String index(Model model) {
-        boolean isProduction = environment.acceptsProfiles("production");
-        model.addAttribute("isProduction", isProduction);
-
+    public String index() {
         return "index";
     }
 }

src/main/java/com/okihouse/interceptor/Interceptor.java

@@ -0,0 +1,36 @@
+package com.okihouse.interceptor;
+
+import java.util.HashMap;
+import java.util.Map;
+
+import com.fasterxml.jackson.databind.ObjectMapper;
+import com.fasterxml.jackson.core.type.TypeReference;
+
+import javax.servlet.http.HttpServletRequest;
+import javax.servlet.http.HttpServletResponse;
+
+import org.springframework.core.io.ClassPathResource;
+import org.springframework.core.io.Resource;
+import org.springframework.web.servlet.ModelAndView;
+import org.springframework.web.servlet.handler.HandlerInterceptorAdapter;
+
+import com.fasterxml.jackson.core.type.TypeReference;
+
+public class Interceptor extends HandlerInterceptorAdapter {
+
+	@Override
+	public void postHandle(HttpServletRequest request, HttpServletResponse response, Object handler, ModelAndView modelAndView) throws Exception {
+		Resource resource = new ClassPathResource("dist/manifest.json");
+		if(resource.exists()) {
+			ObjectMapper objectMapper = new ObjectMapper();
+			HashMap<String, String> manifests = objectMapper.readValue(resource.getFile(), new TypeReference<HashMap<String, String>>(){});
+
+			manifests.forEach((k, v) -> {
+				modelAndView.addObject(k, v);
+			});
+		}
+
+		super.postHandle(request, response, handler, modelAndView);
+	}
+
+}

src/main/resources/templates/index.hbs

@@ -4,10 +4,6 @@
     <div id="container"></div>
     {{> shared/scripts}}
 
-    {{#if isProduction}}
-        <script src="/dist/index.min.js"></script>
-    {{else}}
-        <script src="/dist/index.js"></script>
-    {{/if}}
+    <script src="{{{[index.js]}}}"></script>
 </body>
 </html>

src/main/resources/templates/shared/header.hbs

@@ -4,9 +4,5 @@
 
     <title>spring-boot-webpack</title>
 
-    {{#if isProduction}}
-        <link rel="stylesheet" type="text/css" href="/dist/style.min.css">
-    {{else}}
-        <link rel="stylesheet" type="text/css" href="/dist/style.css">
-    {{/if}}
+    <link rel="stylesheet" type="text/css" href="{{{[style.css]}}}">
 </head>

webpack.config.js

@@ -5,14 +5,18 @@ const path = require('path');
 const CleanWebpackPlugin = require('clean-webpack-plugin');
 const ExtractTextPlugin = require('extract-text-webpack-plugin');
 const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
+const ManifestPlugin = require('webpack-manifest-plugin');
 const webpack = require('webpack');
 
 module.exports = function(env, argv) {
     const isProduction = argv.mode == 'production';
 
-    const cssAssetName = isProduction ? '[name].min.css' : '[name].css';
+    const cssAssetName = isProduction ? '[name].min.css?v=[hash]' : '[name].css?v=[hash]';
     const plugins = [
-        new ExtractTextPlugin(cssAssetName)
+        new ExtractTextPlugin(cssAssetName),
+        new ManifestPlugin({
+            publicPath: '/dist/'
+        })
     ];
 
     if(isProduction) {
@@ -35,10 +39,10 @@ module.exports = function(env, argv) {
             ]
         },
         output: {
-            filename: isProduction ? '[name].min.js' : '[name].js',
+            filename: isProduction ? '[name].min.js?v=[hash]' : '[name].js?v=[hash]',
             path: path.join(__dirname, '/src/main/resources/dist')
         },
-        devtool: isProduction ? 'source-map' : 'none',
+        devtool: isProduction ? 'none' : 'source-map',
         devServer: {
             historyApiFallback: true,
             contentBase: path.join(__dirname, 'src'),
@@ -72,13 +76,13 @@ module.exports = function(env, argv) {
                                     options: {
                                         url: false,
                                         minimize: isProduction,
-                                        sourceMap: isProduction
+                                        sourceMap: !isProduction
                                     }
                                 },
                                 {
                                     loader: 'sass-loader',
                                         options: {
-                                        sourceMap: isProduction
+                                        sourceMap: !isProduction
                                     }
                                 }
                             ]