diff --git a/generators/client/templates/react/webpack/webpack.dev.js.ejs b/generators/client/templates/react/webpack/webpack.dev.js.ejs
index 72f6d43c016..047df45462a 100644
--- a/generators/client/templates/react/webpack/webpack.dev.js.ejs
+++ b/generators/client/templates/react/webpack/webpack.dev.js.ejs
@@ -33,7 +33,7 @@ module.exports = (options) => webpackMerge(commonConfig({ env: ENV }), {
   cache: {
     // 1. Set cache type to filesystem
     type: 'filesystem',
-    cacheDirectory: path.resolve(__dirname, '<%= buildDir %>webpack'),
+    cacheDirectory: path.resolve(__dirname, '../<%= buildDir %>webpack'),
     buildDependencies: {
       // 2. Add your config as buildDependency to get cache invalidation on config change
       config: [
diff --git a/generators/client/templates/vue/webpack/webpack.dev.js.ejs b/generators/client/templates/vue/webpack/webpack.dev.js.ejs
index 3964472804e..3b9a528a049 100644
--- a/generators/client/templates/vue/webpack/webpack.dev.js.ejs
+++ b/generators/client/templates/vue/webpack/webpack.dev.js.ejs
@@ -51,14 +51,14 @@ module.exports = webpackMerge(baseWebpackConfig, {
   cache: {
     // 1. Set cache type to filesystem
     type: 'filesystem',
-    cacheDirectory: path.resolve(__dirname, '<%= buildDir %>webpack'),
+    cacheDirectory: path.resolve(__dirname, '../<%= buildDir %>webpack'),
     buildDependencies: {
       // 2. Add your config as buildDependency to get cache invalidation on config change
       config: [
         __filename,
         path.resolve(__dirname, 'webpack.common.js'),
         path.resolve(__dirname, 'utils.js'),
-        path.resolve(__dirname, '../postcssrc.js'),
+        path.resolve(__dirname, '../.postcssrc.js'),
         path.resolve(__dirname, '../tsconfig.json')
       ],
     },