webpack gzip on gcloud with content-encoding headers

Author: Nikolaos Veneti

.circleci/config.yml

@@ -41,4 +41,6 @@ jobs:
                   name: Copy analytics.min.js to CDN bucket with 5min cache
                   command: |
                       gsutil -h "Cache-Control:public,max-age=300" \
-                      cp  dist/analytics.min.js gs://root-cdn/scripts/analytics/v1/dreamdata.min.js
+                             -h "Content-Type:text/javascript; charset=utf-8" \
+                             -h "Content-Encoding:gzip" \
+                             cp  dist/analytics.min.js.gz gs://root-cdn/scripts/analytics/v1/dreamdata.min.js

package.json

@@ -1,37 +1,38 @@
 {
-  "name": "dreamdata-analytics",
-  "author": "Segment.io <[email protected]>",
-  "version": "2.12.0",
-  "license": "MIT",
-  "description": "The hassle-free way to integrate analytics into any web application.",
-  "keywords": [
-    "analytics",
-    "analytics.js",
-    "dreamdata",
-    "dreamdata-analytics",
-    "segment",
-    "segment.io"
-  ],
-  "repository": {
-    "url": "https://github.com/segmentio/analytics.js.git",
-    "type": "git"
-  },
-  "engines": {
-    "node": ">=0.12.0"
-  },
-  "main": "analytics.js",
-  "scripts": {
-    "build:dev": "webpack --config webpack.dev.js",
-    "build:prod": "webpack --config webpack.prod.js"
-  },
-  "presets": [
-    "@babel/preset-env"
-  ],
-  "devDependencies": {
-    "webpack": "^4.41.2",
-    "webpack-cli": "^3.3.9",
-    "@babel/core": "^7.6.4",
-    "@babel/preset-env": "^7.6.3",
-    "babel-loader": "^8.0.6"
-  }
+    "name": "dreamdata-analytics",
+    "author": "Segment.io <[email protected]>",
+    "version": "2.12.0",
+    "license": "MIT",
+    "description": "The hassle-free way to integrate analytics into any web application.",
+    "keywords": [
+        "analytics",
+        "analytics.js",
+        "dreamdata",
+        "dreamdata-analytics",
+        "segment",
+        "segment.io"
+    ],
+    "repository": {
+        "url": "https://github.com/segmentio/analytics.js.git",
+        "type": "git"
+    },
+    "engines": {
+        "node": ">=0.12.0"
+    },
+    "main": "analytics.js",
+    "scripts": {
+        "build:dev": "webpack --config webpack.dev.js",
+        "build:prod": "webpack --config webpack.prod.js"
+    },
+    "presets": [
+        "@babel/preset-env"
+    ],
+    "devDependencies": {
+        "webpack": "^4.41.2",
+        "webpack-cli": "^3.3.9",
+        "@babel/core": "^7.6.4",
+        "@babel/preset-env": "^7.6.3",
+        "babel-loader": "^8.0.6",
+        "compression-webpack-plugin": "^3.0.0"
+    }
 }

webpack.prod.js

@@ -1,4 +1,5 @@
 const path = require('path');
+const CompressionPlugin = require('compression-webpack-plugin');
 
 module.exports = {
     mode: 'production',
@@ -17,6 +18,7 @@ module.exports = {
             }
         ]
     },
+    plugins: [new CompressionPlugin()],
     output: {
         library: 'analytics',
         libraryTarget: 'umd',