webpack compression for scripts.js

Author: amrlabib

.eslintignore

@@ -1 +1,2 @@
 webpack.config.js
+server.js

package.json

@@ -27,6 +27,7 @@
     "babel-preset-es2015": "^6.24.1",
     "babel-preset-flow": "^6.23.0",
     "babel-preset-react": "^6.24.1",
+    "compression-webpack-plugin": "^1.1.11",
     "copy-webpack-plugin": "^4.5.1",
     "eslint": "^4.19.1",
     "eslint-config-airbnb": "^16.1.0",
@@ -51,6 +52,7 @@
     "babel-preset-env": "^1.6.1",
     "babel-preset-stage-1": "^6.24.1",
     "bootstrap": "^4.1.0",
+    "compression": "^1.7.2",
     "css-loader": "^0.28.11",
     "express": "^4.16.3",
     "file-loader": "^1.1.11",

server.js

@@ -1,14 +1,17 @@
 'use strict';
 var express = require('express');
 var app = new express();
+var compression = require('compression');
 var serveStatic = require('serve-static');
 var path = require('path');
 
+app.use(compression());
 app.use(serveStatic('dist', {
     'index': ['index.html'],
     'dotfiles': 'ignore',
 }));
 
+
 app.get('/*', function(req, res) {
 	res.header('Cache-Control', 'no-cache, no-store, must-revalidate');
     res.sendFile(path.resolve('dist/index.html'));

webpack.config.js

@@ -4,6 +4,7 @@ const UglifyJSPlugin = require('uglifyjs-webpack-plugin');
 const CopyWebpackPlugin = require('copy-webpack-plugin');
 const ExtractTextPlugin = require('extract-text-webpack-plugin');
 const SpriteLoaderPlugin = require('svg-sprite-loader/plugin');
+const CompressionPlugin = require("compression-webpack-plugin")
 
 
 
@@ -103,6 +104,9 @@ module.exports = {
             filename: '/styles/style.css',
             allChunks: true
         }),
-        new SpriteLoaderPlugin()
+        new SpriteLoaderPlugin(),
+        new CompressionPlugin({
+          test: /\.js/m,
+        }),
     ],
 }

yarn.lock

@@ -1439,7 +1439,7 @@ [email protected]:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/bytes/-/bytes-3.0.0.tgz#d32815404d689699f85a4ea4fa8755dd13a96048"
 
-cacache@^10.0.4:
+cacache@^10.0.1, cacache@^10.0.4:
   version "10.0.4"
   resolved "https://registry.yarnpkg.com/cacache/-/cacache-10.0.4.tgz#6452367999eff9d4188aefd9a14e9d7c6a263460"
   dependencies:
@@ -1871,7 +1871,17 @@ compressible@~2.0.13:
   dependencies:
     mime-db ">= 1.33.0 < 2"
 
-compression@^1.7.1:
+compression-webpack-plugin@^1.1.11:
+  version "1.1.11"
+  resolved "https://registry.yarnpkg.com/compression-webpack-plugin/-/compression-webpack-plugin-1.1.11.tgz#8384c7a6ead1d2e2efb190bdfcdcf35878ed8266"
+  dependencies:
+    cacache "^10.0.1"
+    find-cache-dir "^1.0.0"
+    neo-async "^2.5.0"
+    serialize-javascript "^1.4.0"
+    webpack-sources "^1.0.1"
+
+compression@^1.7.1, compression@^1.7.2:
   version "1.7.2"
   resolved "http://registry.npmjs.org/compression/-/compression-1.7.2.tgz#aaffbcd6aaf854b44ebb280353d5ad1651f59a69"
   dependencies: