From 4c2a3d8df0d1a1fee48b0624b4b5a9a20db0d53e Mon Sep 17 00:00:00 2001
From: syuilo <syuilotan@yahoo.co.jp>
Date: Wed, 17 May 2017 00:28:45 +0900
Subject: [PATCH] Compress an assets
---
package.json | 3 ++-
src/web/app/auth/view.pug | 2 +-
src/web/app/client/script.js | 2 +-
src/web/app/dev/view.pug | 2 +-
webpack/plugins/compression.ts | 9 +++++++++
webpack/plugins/index.ts | 6 +++++-
6 files changed, 19 insertions(+), 5 deletions(-)
create mode 100644 webpack/plugins/compression.ts
diff --git a/package.json b/package.json
index 6666d65cd..36d9fc711 100644
--- a/package.json
+++ b/package.json
@@ -67,6 +67,7 @@
"@types/websocket": "0.0.33",
"chai": "3.5.0",
"chai-http": "3.0.0",
+ "compression-webpack-plugin": "0.4.0",
"css-loader": "0.28.1",
"event-stream": "3.3.4",
"gulp": "3.9.1",
@@ -87,7 +88,7 @@
"stylus-loader": "3.0.1",
"swagger-jsdoc": "1.9.4",
"tslint": "5.2.0",
- "uglify-js": "git+https://github.com/mishoo/UglifyJS2.git#8f4b45f4f814c04918382949b4bcaf7a8d910281",
+ "uglify-js": "git+https://github.com/mishoo/UglifyJS2.git#harmony",
"webpack": "2.5.1"
},
"dependencies": {
diff --git a/src/web/app/auth/view.pug b/src/web/app/auth/view.pug
index afa1e408f..7fc4a2a70 100644
--- a/src/web/app/auth/view.pug
+++ b/src/web/app/auth/view.pug
@@ -2,4 +2,4 @@ extends ../base
block head
meta(name='viewport' content='width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no')
- script(src=`/assets/auth.${version}.ja.js` async defer)
+ script(src=`/assets/auth.${version}.ja.js.gz` async defer)
diff --git a/src/web/app/client/script.js b/src/web/app/client/script.js
index 465d3edb3..c069b0ee8 100644
--- a/src/web/app/client/script.js
+++ b/src/web/app/client/script.js
@@ -16,7 +16,7 @@ const app = isMobile ? 'mobile' : 'desktop';
// Load app script
const script = document.createElement('script');
-script.setAttribute('src', `/assets/${app}.${VERSION}.${lang}.js`);
+script.setAttribute('src', `/assets/${app}.${VERSION}.${lang}.js.gz`);
script.setAttribute('async', 'true');
script.setAttribute('defer', 'true');
head.appendChild(script);
diff --git a/src/web/app/dev/view.pug b/src/web/app/dev/view.pug
index 1a9a0e5bb..9bba6c11c 100644
--- a/src/web/app/dev/view.pug
+++ b/src/web/app/dev/view.pug
@@ -1,4 +1,4 @@
extends ../base
block head
- script(src=`/assets/dev.${version}.js` async defer)
+ script(src=`/assets/dev.${version}.ja.js.gz` async defer)
diff --git a/webpack/plugins/compression.ts b/webpack/plugins/compression.ts
new file mode 100644
index 000000000..89703680c
--- /dev/null
+++ b/webpack/plugins/compression.ts
@@ -0,0 +1,9 @@
+/**
+ * Compressor
+ */
+
+const CompressionPlugin = require('compression-webpack-plugin');
+
+export default () => new CompressionPlugin({
+ deleteOriginalAssets: true
+});
diff --git a/webpack/plugins/index.ts b/webpack/plugins/index.ts
index 0692b9f8d..8771a9bc5 100644
--- a/webpack/plugins/index.ts
+++ b/webpack/plugins/index.ts
@@ -1,6 +1,8 @@
+import * as webpack from 'webpack';
const StringReplacePlugin = require('string-replace-webpack-plugin');
import constant from './const';
+import compression from './compression';
const env = process.env.NODE_ENV;
const isProduction = env === 'production';
@@ -12,8 +14,10 @@ export default () => {
];
if (isProduction) {
- //plugins.push(new webpack.optimize.UglifyJsPlugin());
+ plugins.push(new webpack.optimize.UglifyJsPlugin());
}
+ plugins.push(compression());
+
return plugins;
};