feat(build): introduce compression-webpack-plugin

Author: hiroppy

packages/fusuma/package-lock.json

@@ -42,6 +42,7 @@
     "caporal": "^1.4.0",
     "chalk": "^4.1.0",
     "child-process-promise": "^2.2.1",
+    "compression-webpack-plugin": "^7.1.2",
     "core-js": "^3.8.3",
     "css-loader": "^5.0.1",
     "deepmerge": "^4.2.2",

packages/fusuma/package.json

@@ -3,6 +3,7 @@
 const TerserPlugin = require('terser-webpack-plugin');
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 const OptimizeCSSAssetsPlugin = require('optimize-css-assets-webpack-plugin');
+const CompressionPlugin = require('compression-webpack-plugin');
 const css = require('./css');
 
 function prod() {
@@ -20,6 +21,12 @@ function prod() {
         filename: '[name].[chunkhash].css',
         chunkFilename: '[name].[id].[chunkhash].css',
       }),
+      // github pages doesn't support brotli
+      new CompressionPlugin({
+        test: /\.(js|css|html|svg)$/,
+        threshold: 10240,
+        minRatio: 0.8,
+      }),
       // new webpack.optimize.AggressiveMergingPlugin() // if use this, canvas will be broken
     ],
     optimization: {