Converted mocha unit tests to run using mocha-webpack (mochapack) package

2026-04-20 16:22:56 +02:00 · 2019-05-09 19:03:13 -07:00
parent cdb5dfec62
commit ece246b391
16 changed files with 2120 additions and 6955 deletions
@@ -0,0 +1,96 @@
+var path = require('path');
+var webpack = require('webpack');
+var MiniCssExtractPlugin = require('mini-css-extract-plugin');
+var HtmlWebpackPlugin = require('html-webpack-plugin');
+
+module.exports = (env, argv) => {
+    const statsConfig = {
+        builtAt: true,
+        children: false,
+        chunks: false,
+        chunkGroups: false,
+        chunkModules: false,
+        chunkOrigins: false,
+        colors: true,
+        entrypoints: true,
+    }
+
+    return {
+        plugins: [
+            new webpack.DefinePlugin({
+                'process.env.NODE_ENV': "\"development\""
+            }),
+            // http://stackoverflow.com/questions/29080148/expose-jquery-to-real-window-object-with-webpack
+            new webpack.ProvidePlugin({
+                // Automtically detect jQuery and $ as free var in modules
+                // and inject the jquery library
+                // This is required by many jquery plugins
+                jquery: "jquery",
+                jQuery: "jquery",
+                $: "jquery"
+            }),
+            new MiniCssExtractPlugin({
+                filename: "[name].css"
+            })
+        ],
+        target: "web",
+        devtool: "source-map",
+        module: {
+            rules: [
+                {
+                    test: /\.tsx?$/,
+                    loader: 'ts-loader',
+                    exclude: /node_modules/
+                },
+                {
+                    test: /\.(jsx)$/,
+                    exclude: /node_modules/,
+                    use: {
+                      loader: "babel-loader"
+                    }
+                },
+                {
+                    test: /\.s?css$/,
+                    use: [
+                        MiniCssExtractPlugin.loader,
+                        "css-loader",
+                        "sass-loader"
+                    ]
+                },
+            ]
+        },
+        optimization: {
+            removeAvailableModules: true,
+            removeEmptyChunks: true,
+            mergeDuplicateChunks: true,
+            flagIncludedChunks: true,
+            occurrenceOrder: true,
+            sideEffects: true,
+            providedExports: true,
+            usedExports: true,
+            concatenateModules: false,
+            namedModules: false,
+            namedChunks: false,
+            minimize: false,
+            portableRecords: true,
+            splitChunks: {
+                cacheGroups: {
+                    vendor: {
+                        test: /[\\/]node_modules[\\/]/,
+                        name: `tests/vendor`,
+                        chunks: 'all'
+                    }
+                }
+            }
+        },
+        resolve: {
+            extensions: [
+                ".tsx",
+                ".ts",
+                ".js",
+                ".jsx",
+            ]
+        },
+        stats: statsConfig,
+    };
+};