1 files changed, 86 insertions, 0 deletions
diff --git a/FrontEnd/webpack.common.js b/FrontEnd/webpack.common.js
new file mode 100644
index 00000000..3779003e
--- /dev/null
+++ b/FrontEnd/webpack.common.js
@@ -0,0 +1,86 @@
+const path = require("path");
+const HtmlWebpackPlugin = require("html-webpack-plugin");
+const postcssPresetEnv = require("postcss-preset-env");
+const Config = require("webpack-chain");
+
+const config = new Config();
+
+config.entry("index").add(path.resolve(__dirname, "src/app/index.tsx"));
+
+config.module
+  .rule("ts")
+  .test(/\.ts(x?)$/)
+  .exclude.add(/node_modules/)
+  .end()
+  .use("babel")
+  .loader("babel-loader")
+  .end()
+  .use("ts")
+  .loader("ts-loader")
+  .end();
+
+config.module
+  .rule("js")
+  .test(/\.js(x?)$/)
+  .exclude.add(/node_modules/)
+  .end()
+  .use("babel")
+  .loader("babel-loader")
+  .end();
+
+config.module
+  .rule("css")
+  .test(/\.css$/)
+  .use("css")
+  .loader("css-loader")
+  .end()
+  .use("postcss")
+  .loader("postcss-loader")
+  .end();
+
+config.module
+  .rule("sass")
+  .test(/\.(scss|sass)$/)
+  .use("css")
+  .loader("css-loader")
+  .end()
+  .use("postcss")
+  .loader("postcss-loader")
+  .end()
+  .use("sass")
+  .loader("sass-loader")
+  .end();
+
+config.module
+  .rule("file")
+  .test(/\.(png|jpe?g|gif|svg|woff|woff2|ttf|eot)$/i)
+  .use("url")
+  .loader("url-loader")
+  .options({
+    limit: 8192,
+  });
+
+config.resolve.extensions
+  .add("*")
+  .add(".js")
+  .add(".jsx")
+  .add(".ts")
+  .add(".tsx")
+  .end();
+
+config.resolve.alias.set("@", path.resolve(__dirname, "src/app"));
+
+config.output
+  .path(path.resolve(__dirname, "dist/"))
+  .filename("[name].[contenthash].js")
+  .chunkFilename("[name].[contenthash].js")
+  .publicPath("/");
+
+config.plugin("html").use(HtmlWebpackPlugin, [
+  {
+    template: "src/app/index.ejs",
+    title: "Timeline",
+  },
+]);
+
+module.exports = config;