diff options
| author | crupest <crupest@outlook.com> | 2020-05-30 16:23:25 +0800 |
|---|---|---|
| committer | crupest <crupest@outlook.com> | 2020-05-30 16:23:25 +0800 |
| commit | 232a19d7dfe0e3847b3a9a9a9be83485ffb9031c (patch) | |
| tree | 2c7463f15cf30b8cbc703cb57bef357796bcd8b9 /Timeline/ClientApp/webpack.config.dev.ts | |
| parent | fc0521d81aa2293b94ea40b79ec0df80966c0278 (diff) | |
| download | timeline-232a19d7dfe0e3847b3a9a9a9be83485ffb9031c.tar.gz timeline-232a19d7dfe0e3847b3a9a9a9be83485ffb9031c.tar.bz2 timeline-232a19d7dfe0e3847b3a9a9a9be83485ffb9031c.zip | |
Merge front end to this repo. But I need to wait for aspnet core support for custom port and package manager for dev server.
Diffstat (limited to 'Timeline/ClientApp/webpack.config.dev.ts')
| -rw-r--r-- | Timeline/ClientApp/webpack.config.dev.ts | 68 |
1 files changed, 68 insertions, 0 deletions
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;
|