diff --git a/webpack.config.js b/webpack.config.js
index d209a1683..917abf62a 100755
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -29,6 +29,11 @@ for (const path of stadalonePaths) {
   standalone[parse(path).name] = [path];
 }
 
+const vuePages = {};
+for (const path of glob('web_src/vuepages/**/vp-*.js')) {
+  vuePages[parse(path).name] = [path];
+}
+
 const isProduction = process.env.NODE_ENV !== 'development';
 
 module.exports = {
@@ -44,6 +49,7 @@ module.exports = {
     icons: glob('node_modules/@primer/octicons/build/svg/**/*.svg'),
     ...standalone,
     ...themes,
+    ...vuePages,
   },
   devtool: false,
   output: {
@@ -267,6 +273,7 @@ module.exports = {
     symlinks: false,
     alias: {
       vue$: 'vue/dist/vue.esm.js', // needed because vue's default export is the runtime only
+      '~': resolve(__dirname, 'web_src/vuepages'),
     },
     extensions: ['.tsx', '.ts', '.js']
   },
diff --git a/webpack_pro.config.js b/webpack_pro.config.js
index 7ea94bbb9..1e58cb1f9 100755
--- a/webpack_pro.config.js
+++ b/webpack_pro.config.js
@@ -29,6 +29,11 @@ for (const path of stadalonePaths) {
   standalone[parse(path).name] = [path];
 }
 
+const vuePages = {};
+for (const path of glob('web_src/vuepages/**/vp-*.js')) {
+  vuePages[parse(path).name] = [path];
+}
+
 const isProduction = process.env.NODE_ENV !== 'development';
 
 module.exports = {
@@ -44,6 +49,7 @@ module.exports = {
     icons: glob('node_modules/@primer/octicons/build/svg/**/*.svg'),
     ...standalone,
     ...themes,
+    ...vuePages,
   },
   devtool: false,
   output: {
@@ -267,6 +273,7 @@ module.exports = {
     symlinks: false,
     alias: {
       vue$: 'vue/dist/vue.esm.js', // needed because vue's default export is the runtime only
+      '~': resolve(__dirname, 'web_src/vuepages'),
     },
     extensions: ['.tsx', '.ts', '.js']
   },