misc webpack tweaks (#9924)

- reduce verbosity during build
- use array form `use` to allow easier extension
- disable uninteresting source maps
- disable symlink resolution for a speedup

Co-authored-by: zeripath <art27@cantab.net>
Co-authored-by: techknowlogick <matti@mdranta.net>

Makefile

@@ -479,7 +479,7 @@ js: node-check fomantic $(JS_DEST)
 
 $(JS_DEST): node_modules $(JS_SOURCES)
 	npx eslint web_src/js webpack.config.js
-	npx webpack
+	npx webpack --hide-modules --display-entrypoints=false
 
 .PHONY: fomantic
 fomantic: node-check $(FOMANTIC_DEST_DIR)

webpack.config.js

@@ -38,7 +38,8 @@ module.exports = {
       {
         test: /\.js$/,
         exclude: /node_modules/,
-        use: {
+        use: [
+          {
             loader: 'babel-loader',
             options: {
               presets: [
@@ -60,7 +61,8 @@ module.exports = {
                 '@babel/plugin-proposal-object-rest-spread',
               ],
             }
-        }
+          },
+        ],
       },
       {
         test: /\.css$/i,
@@ -73,6 +75,8 @@ module.exports = {
     new SourceMapDevToolPlugin({
       filename: '[name].js.map',
       exclude: [
+        'gitgraph.js',
+        'jquery.js',
         'swagger.js',
       ],
     }),
@@ -84,4 +88,7 @@ module.exports = {
       return !filename.endsWith('.map') && filename !== 'swagger.js';
     }
   },
+  resolve: {
+    symlinks: false,
+  }
 };