build: use webpack 5 (katspaugh#2093)

* update dev dependencies * enable deprecation warnings stacktrace * remove obsolete terser plugin options * enable colors * use karma-webpack next * update changelog
johnpaulmedina · Dec 13, 2020 · b234794 · b234794
1 parent 32fea4e
commit b234794
Show file tree

Hide file tree

Showing 5 changed files with 16 additions and 8 deletions.
diff --git a/CHANGES.md b/CHANGES.md
@@ -1,6 +1,11 @@
 wavesurfer.js changelog
 =======================
 
+x.x.x (unreleased)
+------------------
+
+- Use Webpack 5 for build (#2093)
+
 4.3.0 (12.12.2020)
 ------------------
 

diff --git a/build-config/fragments/common.js b/build-config/fragments/common.js
@@ -7,6 +7,9 @@ const datefns = require('date-fns');
 const rootDir = path.resolve(__dirname, '..', '..');
 const pckg = require(path.join(rootDir, 'package.json'));
 
+// enable logging of deprecation warnings stacktrace
+process.traceDeprecation = true;
+
 // inject JS version number
 const jsVersionPlugin = new webpack.DefinePlugin({
     __VERSION__: JSON.stringify(pckg.version)
@@ -23,6 +26,9 @@ module.exports = {
     performance: {
         hints: false
     },
+    stats: {
+        colors: true
+    },
     module: {
         rules: [
             {

diff --git a/build-config/fragments/min.js b/build-config/fragments/min.js
@@ -8,9 +8,7 @@ module.exports = {
         minimize: true,
         minimizer: [
             new TerserPlugin({
-                sourceMap: true,
                 parallel: true,
-                cache: './.build_cache/terser',
                 extractComments: false,
                 terserOptions: {
                     output: {

diff --git a/karma.conf.js b/karma.conf.js
@@ -38,7 +38,7 @@ const firefoxFlags = {
 module.exports = function(config) {
     var configuration = {
         basePath: '',
-        frameworks: ['jasmine', 'jasmine-matchers'],
+        frameworks: ['jasmine', 'jasmine-matchers', 'webpack'],
         hostname: 'localhost',
         port: 9876,
         logLevel: config.LOG_INFO,

diff --git a/package.json b/package.json
@@ -82,15 +82,14 @@
     "karma-jasmine": "4.0.1",
     "karma-jasmine-matchers": "4.0.2",
     "karma-verbose-reporter": "0.0.6",
-    "karma-webpack": "^4.0.2",
+    "karma-webpack": "^5.0.0-alpha.5",
     "lint-staged": "^10.5.3",
     "load-script": "^1.0.0",
     "pre-commit": "^1.2.2",
-    "terser-webpack-plugin": "^4.2.2",
-    "webpack": "^4.44.2",
-    "webpack-cli": "^3.3.12",
+    "webpack": "^5.10.1",
+    "webpack-cli": "^4.2.0",
     "webpack-dev-server": "^3.11.0",
-    "webpack-merge": "^5.5.0"
+    "webpack-merge": "^5.7.0"
   },
   "homepage": "https://wavesurfer-js.org",
   "pre-commit": "lint-js-html",