updating webpack configuration troubles

tools/bundler/webpack/Dockerfile

@@ -3,7 +3,8 @@ FROM node
 RUN mkdir -p /pro/node_modules
 WORKDIR /pro
 
-RUN npm install -g webpack@3.5.5
+RUN npm install -g webpack@4.1.1
+RUN npm install -g webpack-cli@2.0.12
 
 ADD framework/tools/bundler/webpack/package.json package.json
 RUN npm install

tools/bundler/webpack/docker.yml

@@ -8,4 +8,4 @@ assets:
   ports:
     - "8080:8080"
   working_dir: /pro/framework/tools/bundler/webpack
-  command: webpack --watch --config webpack.prod.config.js
+  command: webpack --watch --config webpack.config.js

tools/bundler/webpack/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "webpack",
+  "name": "bundle-with-webpack",
   "version": "1.0.0",
   "description": "",
   "main": "webpack.config.js",
@@ -29,7 +29,7 @@
     "svgo-loader": "^2.1.0",
     "uglifyjs-webpack-plugin": "^1.2.3",
     "url-loader": "^1.0.1",
-    "webpack": "^4.1.1",
-    "webpack-cli": "^2.0.12"
+    "webpack": "4.19.0",
+    "webpack-cli": "3.0.4"
   }
 }

tools/bundler/webpack/webpack.config.js

@@ -1,7 +1,8 @@
 const path = require('path');
+const webpack = require('webpack');
 module.exports = {
-  context: __dirname,
   entry: '../../../services/init',
+  mode: 'development',
   node: {
     __dirname: true
   },
@@ -10,6 +11,13 @@ module.exports = {
     filename: 'bundle.js'
   },
   devtool: 'eval',
+  plugins: [
+	new webpack.LoaderOptionsPlugin({
+	  options: {
+		context: __dirname,
+	  }
+	})
+  ],
   module: {
     rules: [
       {

tools/bundler/webpack/webpack.prod.config.js

@@ -3,10 +3,9 @@ const CompressionPlugin = require("compression-webpack-plugin");
 const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
 const path = require('path');
 module.exports = {
-  mode: 'production',
   cache: false,
-  context: __dirname,
   entry: '../../../services/init',
+  mode: 'production',
   node: {
     __dirname: true
   },
@@ -14,17 +13,23 @@ module.exports = {
 	path: __dirname + '/../../../public',
     filename: 'bundle.js'
   },
-  optimization: {
-    minimize: true,
-	minimizer: [
-      new UglifyJsPlugin({
-        exclude: [/\.min\.js$/gi] // skip pre-minified libs
-      })
-    ]
-  },
   devtool: 'cheap-module-source-map',
   plugins: [
-    new webpack.IgnorePlugin(/^\.\/locale$/, [/moment$/]),
+	new webpack.LoaderOptionsPlugin({
+	  options: {
+		context: __dirname,
+		mode: 'production',
+		optimization: {
+          minimize: true,
+          minimizer: [
+            new UglifyJsPlugin({
+              exclude: [/\.min\.js$/gi] // skip pre-minified libs
+            })
+          ]
+        },
+	  }
+  	}),
+	new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/),
     new webpack.NoEmitOnErrorsPlugin(),
     new CompressionPlugin({
       asset: "[path].gz[query]",

tools/static/lighttpd/lightppd.conf

@@ -9,6 +9,7 @@ index-file.names = ( "index.html" )
 
 mimetype.assign = (
   ".html" => "text/html",
+  ".css" => "text/css",
   ".js" => "application/javascript",
   ".gif"          =>      "image/gif",
   ".jpg"          =>      "image/jpeg",