From 68ca8b0976efe90c0c40bcae69f0825671b98bad Mon Sep 17 00:00:00 2001
From: crupest <crupest@outlook.com>
Date: Sat, 30 May 2020 16:23:25 +0800
Subject: Merge front end to this repo. But I need to wait for aspnet core
 support for custom port and package manager for dev server.

---
 Timeline/ClientApp/webpack.config.dev.ts | 68 ++++++++++++++++++++++++++++++++
 1 file changed, 68 insertions(+)
 create mode 100644 Timeline/ClientApp/webpack.config.dev.ts

(limited to 'Timeline/ClientApp/webpack.config.dev.ts')

diff --git a/Timeline/ClientApp/webpack.config.dev.ts b/Timeline/ClientApp/webpack.config.dev.ts
new file mode 100644
index 00000000..869b963b
--- /dev/null
+++ b/Timeline/ClientApp/webpack.config.dev.ts
@@ -0,0 +1,68 @@
+import path from 'path';
+import webpack from 'webpack';
+import HtmlWebpackPlugin from 'html-webpack-plugin';
+import ForkTsCheckerWebpackPlugin from 'fork-ts-checker-webpack-plugin';
+
+import { commonRules, htmlCommonConfig } from './webpack.common';
+
+const config: webpack.Configuration = {
+  entry: ['react-hot-loader/patch', './src/index.tsx'],
+  mode: 'development',
+  devtool: 'eval-source-map',
+  module: {
+    rules: [
+      ...commonRules,
+      {
+        test: /\.(js|jsx|ts|tsx)$/,
+        exclude: /node_modules/,
+        loader: 'babel-loader',
+        options: {
+          plugins: ['react-hot-loader/babel']
+        }
+      }
+    ]
+  },
+  resolve: {
+    alias: {
+      'react-dom': '@hot-loader/react-dom'
+    },
+    extensions: ['*', '.js', '.jsx', '.ts', '.tsx']
+  },
+  optimization: {
+    runtimeChunk: 'single',
+    splitChunks: {
+      chunks: 'all',
+      cacheGroups: {
+        vendor: {
+          test: /[\\/]node_modules[\\/]/,
+          name: 'vendors',
+          chunks: 'all'
+        }
+      }
+    }
+  },
+  output: {
+    path: path.resolve(__dirname, 'dist/'),
+    filename: '[name].[hash].js',
+    chunkFilename: '[name].[hash].js',
+    publicPath: '/'
+  },
+  devServer: {
+    contentBase: path.join(__dirname, 'public/'),
+    host: '0.0.0.0',
+    port: 3000,
+    publicPath: 'http://localhost:3000/',
+    historyApiFallback: true,
+    hotOnly: true
+  },
+  plugins: [
+    new HtmlWebpackPlugin({
+      ...htmlCommonConfig,
+      devServer: 'http://localhost:3000'
+    }),
+    new ForkTsCheckerWebpackPlugin(),
+    new webpack.HotModuleReplacementPlugin()
+  ]
+};
+
+export default config;
-- 
cgit v1.2.3