diff --git a/editor/webpack.config.js b/editor/webpack.config.js
index 2684319..9410d59 100644
--- a/editor/webpack.config.js
+++ b/editor/webpack.config.js
@@ -42,4 +42,17 @@ module.exports = {
         contentBase: './dist',
         hot: true
     },
+
+    optimization: {
+        splitChunks: {
+            cacheGroups: {
+                commons: {
+                    test: /[\\/]node_modules[\\/]/,
+                    name: 'vendors',
+                    chunks: 'all'
+                }
+            }
+        }
+    }
+
 };
diff --git a/templates/layout.html b/templates/layout.html
index 8ec88d9..65ce114 100644
--- a/templates/layout.html
+++ b/templates/layout.html
@@ -6,6 +6,7 @@
           content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
     <link rel="redirect_uri" href="{{ .RedirectURI }}" />
+    <link rel="stylesheet" href="/public/vendors.css" />
     <link rel="stylesheet" href="/public/index.css" />
     <link rel="stylesheet" href="https://unpkg.com/prismjs@1.20.0/themes/prism-tomorrow.css">
     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"/>
@@ -97,6 +98,7 @@
         [[/results]]
     </ul>
 </div>
+<script async src="/public/vendors.bundle.js"></script>
 <script async src="/public/index.bundle.js"></script>
 </body>
 </html>