initialized webpack and babel

2026-02-06 06:08:10 +00:00 · 2021-05-28 18:37:31 +02:00
commit 888c76829c
8 changed files with 4677 additions and 0 deletions
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -0,0 +1,55 @@
+const path = require('path');
+const HtmlWebpackPlugin = require('html-webpack-plugin');
+
+module.exports = {
+    entry: {
+        app: ['babel-polyfill', './src/index']
+    },
+    optimization: {
+        runtimeChunk: 'single',
+        splitChunks: {
+            chunks: 'all',
+            cacheGroups: {
+                commons: {
+                    test: /[\\/]node_modules[\\/]/,
+                    name: "vendor",
+                    chunks: "initial",
+                    minSize: 200000,
+                    maxSize: 400000
+                },
+                styles: {
+                    name: 'styles',
+                    test: /\.css$/,
+                    chunks: 'all'
+                }
+            }
+        }
+    },
+    output: {
+        path: path.join(__dirname, 'public'),
+        filename: '[name].[contenthash].js',
+        publicPath: '/'
+    },
+    module: {
+        rules: [
+            {
+                test: /\.(js|ts)?$/,
+                exclude: /node_modules/,
+                use: {
+                    loader: 'babel-loader'
+                }
+            },
+        ]
+    },
+    plugins: [
+        new HtmlWebpackPlugin({
+            template: './src/index.html'
+        }),
+    ],
+    resolve: {
+        extensions: ['.js', '.ts']
+    },
+    devServer: {
+        historyApiFallback: true,
+    }   
+}