feat(build): introduce compression-webpack-plugin

hiroppy · Jan 23, 2021 · c82d97a · c82d97a
1 parent 90c6fad
commit c82d97a
Show file tree

Hide file tree

Showing 3 changed files with 29 additions and 0 deletions.
diff --git a/packages/fusuma/package-lock.json b/packages/fusuma/package-lock.json
diff --git a/packages/fusuma/package.json b/packages/fusuma/package.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",

diff --git a/packages/fusuma/src/webpack/webpack.prod.config.js b/packages/fusuma/src/webpack/webpack.prod.config.js
@@ -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: {