build(backend): tweak default settings

config/settings.yml

@@ -197,6 +197,8 @@ session-memcached:
   timeout:    "_env:SESSION_MEMCACHED_TIMEOUT:20"
   expiration: "_env:SESSION_MEMCACHED_EXPIRATION:28807"
 
+
+# TODO: this one seems to be required!
 memcached:
   host:       "_env:MEMCACHED_HOST:localhost"
   port:       "_env:MEMCACHED_PORT:11211"
@@ -210,10 +212,10 @@ memcached-local:
   maximum-weight: 104857600 # 100MiB
 
 upload-cache:
-  host: "_env:UPLOAD_S3_HOST:" # should be optional, but all file transfers will be empty without an S3 cache
+  host: "_env:UPLOAD_S3_HOST:localhost" # should be optional, but all file transfers will be empty without an S3 cache
   port: "_env:UPLOAD_S3_PORT:9000"
-  access-key: "_env:UPLOAD_S3_KEY_ID:"
-  secret-key: "_env:UPLOAD_S3_KEY"
+  access-key: "_env:UPLOAD_S3_KEY_ID:minioadmin"
+  secret-key: "_env:UPLOAD_S3_KEY:minioadmin"
   is-secure: "_env:UPLOAD_S3_SSL:false"
   region: "_env:UPLOAD_S3_REGION:"
   auto-discover-region: "_env:UPLOAD_S3_AUTO_DISCOVER_REGION:true"

webpack.config.js

@@ -44,8 +44,7 @@ async function webpackConfig() {
         {
           loader: 'babel-loader',
           options: {
-        //    plugins: ['syntax-dynamic-import'],
-        //
+            plugins: ['@babel/plugin-syntax-dynamic-import'],
             presets: [
               [
                 '@babel/preset-env',
@@ -68,31 +67,17 @@ async function webpackConfig() {
           exclude: /node_modules/,
         },
         {
-          test: /\.css$/i,
-          use: [ MiniCssExtractPlugin.loader,
-                 { loader: 'css-loader', options: { sourceMap: true }},
-                 { loader: 'postcss-loader', options: {
-                     sourceMap: true,
-                     postcssOptions:  {
-                       plugins: [ 'postcss-preset-env' ]
-                     }
-                 }},
-                 { loader: 'resolve-url-loader', options: { sourceMap: true }}
-               ]
-        },
-        {
-          test: /\.s(c|a)ss$/i,
-          use: [ MiniCssExtractPlugin.loader,
-                 { loader: 'css-loader', options: { sourceMap: true }},
-                 { loader: 'postcss-loader', options: {
-                     sourceMap: true,
-                     postcssOptions:  {
-                       plugins: [ 'postcss-preset-env' ]
-                     }
-                 }},
-                 { loader: 'resolve-url-loader', options: { sourceMap: true }},
-                 { loader: 'sass-loader', options: { implementation: import('sass'), sourceMap: true }}
-               ]
+          test: /\.(sa|sc|c)ss$/i,
+          use: [
+            MiniCssExtractPlugin.loader,
+            { loader: 'css-loader', options: { sourceMap: true }},
+            { loader: 'postcss-loader', options: {
+              sourceMap: true,
+              postcssOptions: { plugins: [ 'postcss-preset-env', 'autoprefixer' ], },
+            }},
+            { loader: 'resolve-url-loader', options: { sourceMap: true }},
+            { loader: 'sass-loader', options: { implementation: import('sass'), sourceMap: true }},
+          ],
         },
         {
           test: /\.(woff(2)?|ttf|eot|svg)(\?.*)?$/i,
@@ -208,7 +193,15 @@ async function webpackConfig() {
             sourceMap: true
           }
         }),
-        new MiniCssExtractPlugin(),
+        new CssMinimizerPlugin({
+          parallel: true,
+          minimizerOptions: {
+            preset: [
+              'default',
+              { discardComments: { removeAll: true, } },
+            ],
+          },
+        }),
       ],
       moduleIds: 'named',
       chunkIds: 'named',