diff --git a/template/ui/build/script.javascript.js b/template/ui/build/script.javascript.js
index 155da92..aff2b45 100644
--- a/template/ui/build/script.javascript.js
+++ b/template/ui/build/script.javascript.js
@@ -6,15 +6,19 @@ const uglify = require('uglify-es')
 const buble = require('@rollup/plugin-buble')
 const json = require('@rollup/plugin-json')
 const { nodeResolve } = require('@rollup/plugin-node-resolve')
+const commonjs = require('@rollup/plugin-commonjs')
+const VuePlugin = require('rollup-plugin-vue')
 
 const buildConf = require('./config')
 const buildUtils = require('./utils')
 
 const rollupPlugins = [
+  commonjs(),
   nodeResolve({
     extensions: ['.js'],
     preferBuiltins: false
   }),
+  VuePlugin(),
   json(),
   buble({
     objectAssign: 'Object.assign'
diff --git a/template/ui/package.json b/template/ui/package.json
index 1a36749..6f09707 100644
--- a/template/ui/package.json
+++ b/template/ui/package.json
@@ -37,10 +37,13 @@
     "chalk": "^2.4.2",
     "rimraf": "^3.0.0",
     "rollup": "^1.21.3",
+    "@rollup/plugin-commonjs": "^11.1.0",
+    "rollup-plugin-vue": "^5.0.1",
     "@rollup/plugin-buble": "^0.20.0",
     "@rollup/plugin-json": "^4.0.0",
     "@rollup/plugin-node-resolve": "^8.0.0",
     "uglify-es": "^3.3.9",
+    "vue-template-compiler": "^2.6.10",
     "zlib": "^1.0.5"
   },
   "browserslist": [