added project files

2022-01-14 18:21:37 +00:00
parent b3d759b8f7
commit 33e18d8f2a
21 changed files with 5080 additions and 0 deletions
@@ -0,0 +1,122 @@
+//
+// Webpack documentation is fairly extensive,
+// just search on https://webpack.js.org/
+//
+// Be careful: there are a lot of outdated examples/samples,
+// so always check the official documentation!
+//
+
+// Plugins
+const webpack = require('webpack');
+const HtmlWebpackPlugin = require('html-webpack-plugin');
+
+// Options
+const buildMode = process.env.NODE_ENV || 'development';
+const debugMode = buildMode !== 'production';
+const dist = __dirname + '/www/';
+
+// Sourcemaps: https://webpack.js.org/configuration/devtool/
+// - 'cheap-module-source-map': fastest in Haxe-only setup
+// - 'eval-source-map': fast, but JS bundle is somewhat obfuscated
+// - 'source-map': slow, but JS bundle is readable
+// - undefined: no map, and JS bundle is readable
+const sourcemapsMode = debugMode ? 'cheap-module-source-map' : undefined;
+
+//
+// Configuration:
+// This configuration is still relatively minimalistic;
+// each section has many more options
+//
+module.exports = {
+    mode: 'development',
+    // List all the JS modules to create
+    // They will all be linked in the HTML page
+    entry: {
+        app: './build.hxml'
+    },
+    // Generation options (destination, naming pattern,...)
+    output: {
+        path: dist,
+        publicPath: '/',
+        filename: '[name].[hash:7].js'
+    },
+    // Module resolution options (alias, default paths,...)
+    resolve: {
+        extensions: ['.js', '.json']
+    },
+    // Sourcemaps option for development
+    devtool: sourcemapsMode,
+    // Live development server (serves from memory)
+    devServer: {
+        contentBase: dist,
+        compress: true,
+        host: "0.0.0.0",
+        inline: true,
+        historyApiFallback: true,
+        headers: {
+            "Access-Control-Allow-Origin": "*",
+            "Access-Control-Allow-Methods": "GET, POST, PUT, DELETE, PATCH, OPTIONS",
+            "Access-Control-Allow-Headers": "X-Requested-With, content-type, Authorization"},
+        public: "https://dev.subsonics.nl",
+        port: 9000,
+        overlay: true,
+        hot: true,
+        disableHostCheck: true
+    },
+    // List all the processors
+    module: {
+        rules: [
+            // Haxe loader (through HXML files for now)
+            {
+                test: /\.hxml$/,
+                loader: 'haxe-loader',
+                options: {
+                    // Additional compiler options added to all builds
+                    extra: '-D build_mode=' + buildMode,
+                    debug: debugMode,
+                    logCommand: true
+                }
+            },
+            // Static assets loader
+            // - you will need to adjust for webfonts
+            // - you may use 'url-loader' instead which can replace
+            //   small assets with data-urls
+            {
+                test: /\.(gif|png|jpg|svg)$/,
+                loader: 'file-loader',
+                options: {
+                    name: '[name].[hash:7].[ext]'
+                }
+            },
+            // CSS processor/loader
+            // - this is where you can add sass/less processing,
+            // - also consider adding postcss-loader for autoprefixing
+            {
+                test: /\.css$/,
+                use: [
+					'style-loader',
+					'css-loader'
+				]
+            }
+        ]
+    },
+    // Plugins can hook to the compiler lifecycle and handle extra tasks
+    plugins: [
+        // HMR: enable globally
+        new webpack.HotModuleReplacementPlugin(),
+        // HMR: prints more readable module names in the browser console on updates
+        new webpack.NamedModulesPlugin(),
+        // HMR: do not emit compiled assets that include errors
+        new webpack.NoEmitOnErrorsPlugin(),
+
+        // Like generating the HTML page with links the generated JS files
+        new HtmlWebpackPlugin({
+            title: 'Webpack + Haxe example'
+        })
+        // You may want to also:
+        // - finer control of minify/uglify process using UglifyJSPlugin,
+        // - extract the small CSS chunks into a single file using ExtractTextPlugin
+        // - avoid modules duplication using CommonsChunkPlugin
+        // - inspect your JS output weight using BundleAnalyzerPlugin
+    ],
+};