Optimize webpack config for Comunica 1.14

Author: rubensworks

.babelrc

@@ -0,0 +1,12 @@
+{
+  presets: [
+    ["@babel/preset-env"],
+  ],
+  env: {
+    module: {
+      presets: [
+        ["@babel/preset-env", { modules: false }],
+      ],
+    },
+  },
+}

.browserslistrc

@@ -0,0 +1,5 @@
+# Build for most browsers
+>2%
+last 2 Chrome versions
+last 2 Firefox versions
+last 2 iOS versions

package.json

@@ -15,15 +15,12 @@
   },
   "devDependencies": {
     "@babel/core": "^7.1.2",
-    "@babel/plugin-syntax-object-rest-spread": "^7.0.0",
-    "@babel/plugin-transform-async-to-generator": "^7.0.0",
     "@babel/polyfill": "^7.0.0",
     "@babel/preset-env": "^7.0.0",
     "babel-loader": "^8.0.4",
     "eslint": "^7.0.0",
     "file-loader": "^6.0.0",
     "pre-commit": "^1.2.2",
-    "string-replace-webpack-plugin": "^0.1.3",
     "webpack": "^4.16.1",
     "webpack-cli": "^3.0.8",
     "webpack-dev-server": "^3.1.4"

webpack.config.js

@@ -1,6 +1,5 @@
 var path = require('path');
 var webpack = require('webpack');
-var StringReplacePlugin = require('string-replace-webpack-plugin');
 
 // Generate queries.json file
 require('./queries-to-json');
@@ -58,77 +57,32 @@ module.exports = [
         { test: /images\/*\.svg$/, use: 'file-loader' },
       ],
     },
-    optimization: {
-      minimize: true,
-    },
   },
   {
     entry: [
-      '@babel/polyfill',
       './src/ldf-client-worker.js',
     ],
     output: {
       filename: 'scripts/ldf-client-worker.min.js',
       path: path.join(__dirname, '/build'),
       libraryTarget: 'this', // Fixes hot loading of web worker not working in Webpack
     },
-    devtool: 'cheap-module-source-map',
+    devtool: 'source-map',
     module: {
       rules: [
         {
-          // This is needed because our internal graphql dependency uses .mjs files,
-          // and Webpack's define plugin doesn't work well with it (yet).
-          // In the future this should be removed.
-          type: 'javascript/auto',
-          test: /\.mjs$/,
-          use: []
-        },
-        { // This fixes a problem where the setImmediate of asynciterator would conflict with webpack's polyfill
-          test: /asynciterator\.js$/,
-          loader: StringReplacePlugin.replace({
-            replacements: [
-              {
-                pattern: /if \(typeof process !== 'undefined' && !process\.browser\)/i,
-                replacement: function () {
-                  return 'if (true)';
-                },
-              },
-            ] }),
-        },
-        {
-          // Makes rdf-sink use a modularized lodash function instead of requiring lodash completely
-          test: /rdf-sink\/index\.js$/,
-          loader: StringReplacePlugin.replace({
-            replacements: [
-              {
-                pattern: /lodash\/assign/i,
-                replacement: function () {
-                  return 'lodash.assign';
-                },
-              },
-            ],
-          }),
+          test: /\.js$/,
+          loader: 'babel-loader',
+          exclude: /node_modules/,
         },
         {
-          test: /\.js$/,
-          use: {
-            loader: 'babel-loader',
-            options: {
-              presets: ['@babel/preset-env'],
-              plugins: [
-                require('@babel/plugin-transform-async-to-generator'),
-                require('@babel/plugin-syntax-object-rest-spread'),
-              ],
-            },
-          },
+          test: /\.mjs$/,
+          type: 'javascript/auto',
         },
       ],
     },
-    optimization: {
-      minimize: true,
-    },
     plugins: [
-      new StringReplacePlugin(),
+      new webpack.ProgressPlugin(),
     ],
   },
 ];