diff --git a/build/appdir.js b/build/appdir.js
new file mode 100644
index 0000000..d9d1c2d
--- /dev/null
+++ b/build/appdir.js
@@ -0,0 +1 @@
+module.exports = 'app0b58f8bd9fbfa95504ba';
\ No newline at end of file
diff --git a/build/webpack.base.config.js b/build/webpack.base.config.js
index 16bb957..190cb54 100644
--- a/build/webpack.base.config.js
+++ b/build/webpack.base.config.js
@@ -2,6 +2,8 @@ const path = require('path');
 const DefinePlugin = require('webpack').DefinePlugin;
 const { VueLoaderPlugin } = require('vue-loader');
 
+const appdir = require('./appdir');
+
 const clientDir = path.resolve(__dirname, '../client');
 
 module.exports = {
@@ -12,7 +14,7 @@ module.exports = {
     },
     entry: [`${clientDir}/main.js`],
     output: {
-        publicPath: '/app/',
+        publicPath: `/${appdir}/`,
         clean: true
     },
 
diff --git a/build/webpack.dev.config.js b/build/webpack.dev.config.js
index 5c64251..19556b5 100644
--- a/build/webpack.dev.config.js
+++ b/build/webpack.dev.config.js
@@ -16,9 +16,8 @@ module.exports = merge(baseWpConfig, {
     mode: 'development',
     devtool: 'inline-source-map',
     output: {
-        path: `${publicDir}/app`,
+        path: `${publicDir}${baseWpConfig.output.publicPath}`,
         filename: 'bundle.js',
-        clean: true
     },
 
     module: {
diff --git a/build/webpack.prod.config.js b/build/webpack.prod.config.js
index 03adc5e..748c650 100644
--- a/build/webpack.prod.config.js
+++ b/build/webpack.prod.config.js
@@ -18,9 +18,8 @@ fs.emptyDirSync(publicDir);
 module.exports = merge(baseWpConfig, {
     mode: 'production',
     output: {
-        path: `${publicDir}/app`,
+        path: `${publicDir}${baseWpConfig.output.publicPath}`,
         filename: 'bundle.[contenthash].js',
-        clean: true
     },
     module: {
         rules: [