diff --git a/recipes/basic/snippets/webpack.config.js b/recipes/basic/snippets/webpack.config.js
index e7b4b02..60e88ac 100644
--- a/recipes/basic/snippets/webpack.config.js
+++ b/recipes/basic/snippets/webpack.config.js
@@ -91,7 +91,9 @@ module.exports = {
   devServer: {
     open: true,
     historyApiFallback: true,
-    contentBase: "./${sourceDir.main}/${sourceDir.static}",
+    static: {
+      directory: "./${sourceDir.main}/${sourceDir.static}",
+    },
     hot: true,
     port: ${portNumber},
     proxy: {
diff --git a/recipes/slim/snippets/webpack.config.js b/recipes/slim/snippets/webpack.config.js
index 2633a1d..66bd06a 100644
--- a/recipes/slim/snippets/webpack.config.js
+++ b/recipes/slim/snippets/webpack.config.js
@@ -78,7 +78,9 @@ module.exports = {
   devServer: {
     open: true,
     historyApiFallback: true,
-    contentBase: "./${sourceDir.main}/${sourceDir.static}",
+    static: {
+      directory: "./${sourceDir.main}/${sourceDir.static}",
+    },
     hot: true,
     port: ${portNumber},
     proxy: {