🎉

webpack.config.js

@@ -0,0 +1,72 @@
+const path = require('path')
+const VueLoaderPlugin = require('vue-loader/lib/plugin');
+const HtmlWebpackPlugin = require('html-webpack-plugin');
+const FriendlyErrorsWebpackPlugin = require('friendly-errors-webpack-plugin');
+
+function resolve(dir) {
+  return path.join(__dirname, '..', dir);
+}
+
+/**
+ * @type {import('webpack').Configuration}
+ */
+const config = {
+  entry: {
+    main: './ui/index.js',
+  },
+  output: {
+    path: path.join(__dirname, 'dist'),
+    publicPath: '/',
+    filename: 'js/[name].js',
+  },
+  resolve: {
+    extensions: [
+      '.css',
+      '.js',
+      '.vue',
+      '.ts',
+    ],
+  },
+  module: {
+    rules: [
+      {
+        test: /\.vue$/,
+        loader: 'vue-loader',
+      },
+      {
+        test: /\.js$/,
+        loader: 'babel-loader',
+        include: [
+          resolve('src'),
+        ],
+        options: {
+          presets: [
+            ["@babel/preset-env"]
+          ]
+        }
+      },
+
+      {
+        test: /\.css$/,
+        use: [
+          {loader: 'style-loader'},
+          {loader: 'css-loader'},
+        ],
+      }
+    ],
+  },
+  plugins: [
+    new VueLoaderPlugin(),
+    new FriendlyErrorsWebpackPlugin(),
+    new HtmlWebpackPlugin({
+      template: 'ui/index.html',
+    }),
+  ],
+  devServer: {
+    contentBase: path.resolve(__dirname, 'dist/'),
+    disableHostCheck: true,
+    historyApiFallback: true,
+  },
+};
+
+module.exports = config;