build (migration): proper build for packaging

client/index.html

@@ -5,7 +5,7 @@
         <title>Nuage</title>
         <meta http-equiv="X-UA-Compatible" content="IE=edge">
         <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
-        <link rel="manifest" href="/manifest.json">
+        <link rel="manifest" href="/assets/manifest.json">
         <meta content="yes" name="apple-mobile-web-app-capable">
         <meta content="Nuage" name="apple-mobile-web-app-title">
         <meta content="black-translucent" name="apple-mobile-web-app-status-bar-style">

client/index.js

@@ -5,7 +5,7 @@ import Router  from './router';
 import './assets/css/reset.scss';
 
 if ('serviceWorker' in navigator) {
-    navigator.serviceWorker.register('/cache.js').catch(function(error) {
+    navigator.serviceWorker.register('/assets/worker/cache.js').catch(function(error) {
         console.log('ServiceWorker registration failed:', error);
     });
 }

package.json

@@ -56,6 +56,8 @@
     "browserify": "^16.1.1",
     "chai": "^4.1.2",
     "codemirror": "^5.26.0",
+    "compression-webpack-plugin": "^1.1.11",
+    "copy-webpack-plugin": "^4.5.2",
     "css-loader": "^0.28.10",
     "dropbox": "^2.5.3",
     "ejs": "^2.5.6",

webpack.config.js

@@ -3,6 +3,10 @@ const path = require('path');
 const HtmlWebpackPlugin = require('html-webpack-plugin');
 const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
 const UglifyJSPlugin = require("uglifyjs-webpack-plugin");
+const CopyWebpackPlugin = require('copy-webpack-plugin');
+const CompressionPlugin = require('compression-webpack-plugin');
+
+
 
 let config = {
     entry: {
@@ -10,10 +14,10 @@ let config = {
         app: path.join(__dirname, 'client', 'index.js')
     },
     output: {
-        path: path.join(__dirname, 'server', 'public'),
+        path: path.join(__dirname, 'dist', 'data', 'public'),
         publicPath: '/',
-        filename: 'js/[name].js',
-        chunkFilename: "js/chunk.[name].[id].js"
+        filename: 'assets/js/[name].js',
+        chunkFilename: "assets/js/chunk.[name].[id].js"
     },
     module: {
         rules: [
@@ -49,16 +53,29 @@ let config = {
             template: path.join(__dirname, 'client', 'index.html'),
             inject:true
         }),
+        new CopyWebpackPlugin([
+            { from: 'client/manifest.json', to: 'assets/', context: "" },
+            { from: 'client/worker/*.js', to: 'assets/worker/', context: "" },
+            { from: 'client/assets/logo/*', to: 'assets/logo', context: "" }
+        ])
         //new BundleAnalyzerPlugin()
     ]
 };
 
 
-
 if(process.env.NODE_ENV === 'production'){
     config.plugins.push(new UglifyJSPlugin({
         sourceMap: false
     }));
+    config.plugins.push(new CompressionPlugin({
+        asset: "[path].gz[query]",
+        algorithm: "gzip",
+        test: /\.js$|\.json$|\.html$/,
+        threshold: 0,
+        minRatio: 0.8
+    }));
+)
+
 }else{
     config.devtool = '#inline-source-map';
 }