refactor: vendor code splitting

html/src/index.pug

@@ -2650,4 +2650,5 @@ html
                         type="primary" size="small" @click="setPrimaryPassword"
                         :disabled="enablePrimaryPasswordDialog.password.length===0||enablePrimaryPasswordDialog.password!==enablePrimaryPasswordDialog.rePassword"
                     ) OK
+        script(src="vendor.js")
         script(src="app.js")

html/webpack.config.js

@@ -6,15 +6,24 @@ const TerserPlugin = require('terser-webpack-plugin');
 
 module.exports = {
   entry: {
-        app: [
-            './src/app.js',
-            './src/app.scss'
+    vendor: [
+      'element-ui',
+      'noty',
+      'vue',
+      'vue-data-tables',
+      'vue-lazyload',
+      'vue-swatches',
+      'uuid'
     ],
+    app: {
+      import: ['./src/app.js', './src/app.scss'],
+      dependOn: 'vendor'
+    },
     'app.dark': './src/app.dark.scss',
-        vr: [
-            './src/vr.js',
-            './src/vr.scss'
-        ]
+    vr: {
+      import: ['./src/vr.js', './src/vr.scss'],
+      dependOn: 'vendor'
+    }
   },
   output: {
     filename: '[name].js',
@@ -52,10 +61,7 @@ module.exports = {
   resolve: {
     extensions: ['.css', '.js', '.scss'],
     alias: {
-            vue: path.join(
-                __dirname,
-                './node_modules/vue/dist/vue.common.prod.js'
-            )
+      vue: path.join(__dirname, './node_modules/vue/dist/vue.common.prod.js')
     }
   },
   performance: {
@@ -90,7 +96,7 @@ module.exports = {
         {
           from: './images/',
           to: './images/'
-                },
+        }
         // // vscode-codicons
         // {
         //     from: './node_modules/vscode-codicons/dist/codicon.css',