Optimise CSS and JSON files

FreeTubeApp · Sep 11, 2022 · cc5f07a · cc5f07a
1 parent 1d0f2a7
commit cc5f07a
Show file tree

Hide file tree

Showing 5 changed files with 436 additions and 5 deletions.
diff --git a/_scripts/webpack.main.config.js b/_scripts/webpack.main.config.js
@@ -1,6 +1,7 @@
 const path = require('path')
 const webpack = require('webpack')
 const CopyWebpackPlugin = require('copy-webpack-plugin')
+const JsonMinimizerPlugin = require('json-minimizer-webpack-plugin')
 
 const { productName } = require('../package.json')
 
@@ -30,6 +31,13 @@ const config = {
       },
     ],
   },
+  // webpack defaults to only optimising the production builds, so having this here is fine
+  optimization: {
+    minimizer: [
+      '...', // extend webpack's list instead of overwriting it
+      new JsonMinimizerPlugin()
+    ]
+  },
   node: {
     __dirname: isDevMode,
     __filename: isDevMode,

diff --git a/_scripts/webpack.renderer.config.js b/_scripts/webpack.renderer.config.js
@@ -3,6 +3,7 @@ const webpack = require('webpack')
 const HtmlWebpackPlugin = require('html-webpack-plugin')
 const VueLoaderPlugin = require('vue-loader/lib/plugin')
 const MiniCssExtractPlugin = require('mini-css-extract-plugin')
+const CssMinimizerPlugin = require('css-minimizer-webpack-plugin')
 
 const { productName } = require('../package.json')
 
@@ -97,6 +98,13 @@ const config = {
       },
     ],
   },
+  // webpack defaults to only optimising the production builds, so having this here is fine
+  optimization: {
+    minimizer: [
+      '...', // extend webpack's list instead of overwriting it
+      new CssMinimizerPlugin()
+    ]
+  },
   node: {
     __dirname: isDevMode,
     __filename: isDevMode,

diff --git a/_scripts/webpack.web.config.js b/_scripts/webpack.web.config.js
@@ -4,6 +4,8 @@ const HtmlWebpackPlugin = require('html-webpack-plugin')
 const VueLoaderPlugin = require('vue-loader/lib/plugin')
 const CopyWebpackPlugin = require('copy-webpack-plugin')
 const MiniCssExtractPlugin = require('mini-css-extract-plugin')
+const JsonMinimizerPlugin = require('json-minimizer-webpack-plugin')
+const CssMinimizerPlugin = require('css-minimizer-webpack-plugin')
 
 const { productName } = require('../package.json')
 
@@ -97,6 +99,14 @@ const config = {
       },
     ],
   },
+  // webpack defaults to only optimising the production builds, so having this here is fine
+  optimization: {
+    minimizer: [
+      '...', // extend webpack's list instead of overwriting it
+      new JsonMinimizerPlugin(),
+      new CssMinimizerPlugin()
+    ]
+  },
   node: {
     __dirname: isDevMode,
     __filename: isDevMode,

diff --git a/package.json b/package.json
@@ -92,6 +92,7 @@
     "babel-loader": "^8.2.5",
     "copy-webpack-plugin": "^11.0.0",
     "css-loader": "5.2.6",
+    "css-minimizer-webpack-plugin": "^4.1.0",
     "electron": "^20.1.2",
     "electron-builder": "^23.3.3",
     "electron-builder-squirrel-windows": "^23.5.0",
@@ -107,6 +108,7 @@
     "eslint-plugin-vue": "^7.17.0",
     "file-loader": "^6.2.0",
     "html-webpack-plugin": "^5.3.2",
+    "json-minimizer-webpack-plugin": "^4.0.0",
     "mini-css-extract-plugin": "^2.2.2",
     "node-loader": "^2.0.0",
     "npm-run-all": "^4.1.5",