Change WebPack devtool to source-map

web/.eslintrc.json

@@ -1,36 +1,38 @@
 {
-    "env": {
-      "browser": true,
-      "es6": true,
-      "es2017": true,
-      "es2020": true,
-      "jquery": true
-    },
-    "plugins": [
-      "node",
-      "import",
-      "jsdoc"
-    ],
-    "extends": [
-      "eslint:recommended",
-      "google",
-      "plugin:node/recommended-module",
-      "plugin:import/errors",
-      "plugin:import/warnings",
-      "plugin:jsdoc/recommended"
-    ],
-    "globals": {
-      "Atomics": "readonly",
-      "SharedArrayBuffer": "readonly"
-    },
-    "parser": "babel-eslint",
-    "rules": {
-      "require-jsdoc": "off",
-      "valid-jsdoc": "off",
-      "jsdoc/require-jsdoc": "off",
-      "max-len": ["warn", { "code": 120 }],
-      "import/no-commonjs": "error",
-      "import/no-amd": "error",
-      "linebreak-style": "off"
-    }
+  "env": {
+    "browser": true,
+    "es6": true,
+    "es2017": true,
+    "es2020": true,
+    "jquery": true
+  },
+  "plugins": [
+    "node",
+    "import",
+    "jsdoc"
+  ],
+  "extends": [
+    "eslint:recommended",
+    "google",
+    "plugin:node/recommended-module",
+    "plugin:import/errors",
+    "plugin:import/warnings",
+    "plugin:jsdoc/recommended"
+  ],
+  "globals": {
+    "Atomics": "readonly",
+    "SharedArrayBuffer": "readonly"
+  },
+  "parser": "babel-eslint",
+  "rules": {
+    "require-jsdoc": "off",
+    "valid-jsdoc": "off",
+    "jsdoc/require-jsdoc": "off",
+    "max-len": ["warn", {
+      "code": 120
+    }],
+    "import/no-commonjs": "error",
+    "import/no-amd": "error",
+    "linebreak-style": "off"
   }
+}

web/webpack.config.cjs

@@ -6,16 +6,17 @@ module.exports = {
   entry: {
     main: [
       './src/js/app.mjs',
-      './src/sass/app.scss'
+      './src/sass/app.scss',
     ],
     dark: [
-      './src/sass/app-dark.scss'
-    ]
+      './src/sass/app-dark.scss',
+    ],
   },
+  devtool: 'source-map',
   output: {
     filename: 'static/js/[name].js',
     path: path.resolve(__dirname, '../'),
-    //ecmaVersion: 5,
+    // ecmaVersion: 5,
   },
   plugins: [
     new MiniCssExtractPlugin({
@@ -33,49 +34,48 @@ module.exports = {
     }),
   ],
   module: {
-    rules: [
-      {
-        test: /\.s[ac]ss$/i,
-        use: [
-          MiniCssExtractPlugin.loader,
-          'css-loader', // translates CSS into CommonJS modules
-          {
-            loader: 'postcss-loader', // Run postcss actions
-            options: {
-              plugins: function () { // postcss plugins, can be exported to postcss.config.js
-                return [
-                  require('autoprefixer')
-                ];
-              }
-            }
-          },
-          'sass-loader', // compiles Sass to CSS
-        ],
-      },
-      {
-        test: /\.m?js$/,
-        exclude: /(node_modules|bower_components)/,
-        use: {
-          loader: 'babel-loader',
+    rules: [{
+      test: /\.s[ac]ss$/i,
+      use: [
+        MiniCssExtractPlugin.loader,
+        'css-loader', // translates CSS into CommonJS modules
+        {
+          loader: 'postcss-loader', // Run postcss actions
           options: {
-            presets: [
-              [
-                '@babel/preset-env',
-                {
-                  'corejs': '3.6',
-                  'useBuiltIns': 'usage',
-                },
-              ],
-            ],
-            plugins: [
-                '@babel/plugin-proposal-class-properties',
-            ],
+            plugins: function() { // postcss plugins, can be exported to postcss.config.js
+              return [
+                require('autoprefixer'),
+              ];
+            },
           },
         },
+        'sass-loader', // compiles Sass to CSS
+      ],
+    },
+    {
+      test: /\.m?js$/,
+      exclude: /(node_modules|bower_components)/,
+      use: {
+        loader: 'babel-loader',
+        options: {
+          presets: [
+            [
+              '@babel/preset-env',
+              {
+                'corejs': '3.6',
+                'useBuiltIns': 'usage',
+              },
+            ],
+          ],
+          plugins: [
+            '@babel/plugin-proposal-class-properties',
+          ],
+        },
       },
+    },
     ],
   },
-  /*experiments: {
+  /* experiments: {
     mjs: true,
   },*/
-};
+};