diff --git a/src/index.html b/src/index.html
index b278b99..79cbb97 100644
--- a/src/index.html
+++ b/src/index.html
@@ -16,6 +16,6 @@
 				color: #ffffff;
 			}
 		</style>
-		<app-shadow></app-shadow>
+		<div id="app"></div>
 	</body>
 </html>
diff --git a/src/index.ts b/src/index.ts
index 0ff2e75..96c4f62 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -1,3 +1,7 @@
 import 'layouts';
 import 'components';
 import 'pages';
+
+const app = document.getElementById('app');
+const _appShadow = document.createElement('app-shadow');
+app.appendChild(_appShadow);
diff --git a/webpack.config.js b/webpack.config.js
index 995811d..9585c37 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -54,9 +54,15 @@ module.exports = (env, args) => {
                         maxSize: 400000
                     },
                 }
-            },
-            minimize: true,
-            minimizer: [new TerserPlugin(), new UglifyJsPlugin()],
+            },    
+            minimizer: [
+                new UglifyJsPlugin({
+                    uglifyOptions: {
+                        keep_classnames: true,
+                        keep_fnames: true,
+                    }
+                })
+            ]
         },
         output: {
             path: path.join(__dirname, 'public'),