Enable gzip compression on the development server

Author: kaelig

lib/core-server/package.json

@@ -61,6 +61,7 @@
     "chalk": "^4.1.0",
     "cli-table3": "0.6.0",
     "commander": "^6.2.1",
+    "compression": "^1.7.4",
     "core-js": "^3.8.2",
     "cpy": "^8.1.1",
     "css-loader": "^3.6.0",
@@ -95,6 +96,7 @@
   "devDependencies": {
     "@storybook/builder-webpack5": "6.2.1",
     "@types/case-sensitive-paths-webpack-plugin": "^2.1.4",
+    "@types/compression": "^1.7.0",
     "@types/cpy": "^7.1.3",
     "@types/dotenv-webpack": "^3.0.0",
     "@types/ip": "^1.1.0",

lib/core-server/src/dev-server.ts

@@ -1,4 +1,5 @@
 import express, { Router } from 'express';
+import compression from 'compression';
 
 import { Builder, logConfig, Options } from '@storybook/core-common';
 
@@ -20,6 +21,8 @@ export async function storybookDevServer(options: Options) {
   const app = express();
   const server = await getServer(app, options);
 
+  app.use(compression({ level: 1 }));
+
   if (typeof options.extendServer === 'function') {
     options.extendServer(server);
   }

yarn.lock

@@ -5154,6 +5154,13 @@
   resolved "https://registry.yarnpkg.com/@types/common-tags/-/common-tags-1.8.0.tgz#79d55e748d730b997be5b7fce4b74488d8b26a6b"
   integrity sha512-htRqZr5qn8EzMelhX/Xmx142z218lLyGaeZ3YR8jlze4TATRU9huKKvuBmAJEW4LCC4pnY1N6JAm6p85fMHjhg==
 
+"@types/compression@^1.7.0":
+  version "1.7.0"
+  resolved "https://registry.yarnpkg.com/@types/compression/-/compression-1.7.0.tgz#8dc2a56604873cf0dd4e746d9ae4d31ae77b2390"
+  integrity sha512-3LzWUM+3k3XdWOUk/RO+uSjv7YWOatYq2QADJntK1pjkk4DfVP0KrIEPDnXRJxAAGKe0VpIPRmlINLDuCedZWw==
+  dependencies:
+    "@types/express" "*"
+
 "@types/configstore@*":
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/@types/configstore/-/configstore-4.0.0.tgz#cb718f9507e9ee73782f40d07aaca1cd747e36fa"