devop: 🔧 initial work for splitting builds

Author: gamalielhere

builds/defaultConfig.js

@@ -0,0 +1,75 @@
+const imageminMozjpeg = require('imagemin-mozjpeg');
+const ImageminPlugin = require('imagemin-webpack-plugin').default;
+const webpack = require('webpack');
+const CopyWebpackPlugin = require('copy-webpack-plugin');
+const UglifyJS = require('uglify-es');
+const env_vars = require('../ENV_VARS');
+const allowedConnections = require('../connections');
+
+const sourceMapsConfig = {
+  filename: 'sourcemaps/[file].map'
+};
+
+const webpackConfig = {
+  devtool: false,
+  node: {
+    process: true
+  },
+  devServer: {
+    https: true,
+    host: 'localhost',
+    hotOnly: true,
+    port: 8080,
+    headers: {
+      'Strict-Transport-Security':
+        'max-age=63072000; includeSubdomains; preload',
+      'Content-Security-Policy':
+        "font-src 'self' data: js.intercomcdn.com:443; media-src js.intercomcdn.com:443 'self'; default-src 'self' blob:; frame-src 'self' www.walletlink.org:443 connect.trezor.io:443 intercom-sheets.com:443; img-src 'self' downloads.intercomcdn.com:443  gifs.intercomcdn.com:443 js.intercomcdn.com:443 images.ctfassets.net static.intercomassets.com:443 nft.mewapi.io:443 mewcard.mewapi.io:443 img.mewapi.io:443 app.lokalise.com:443 data: blob: ; script-src 'unsafe-eval' 'unsafe-inline' blob: https:; style-src 'self' 'unsafe-inline' https:; object-src 'none'; connect-src " +
+        allowedConnections.join(' ') +
+        ';',
+      'X-Content-Type-Options': 'nosniff',
+      'X-Frame-Options': 'DENY',
+      'X-XSS-Protection': '1; mode=block',
+      'Referrer-Policy': 'same-origin'
+    }
+  },
+  plugins: [
+    new webpack.SourceMapDevToolPlugin(sourceMapsConfig),
+    new webpack.NormalModuleReplacementPlugin(/^any-promise$/, 'bluebird'),
+    new ImageminPlugin({
+      disable: process.env.NODE_ENV !== 'production',
+      test: /\.(jpe?g|png|gif|svg)$/i,
+      pngquant: {
+        quality: '100'
+      },
+      plugins: [
+        imageminMozjpeg({
+          quality: 100,
+          progressive: true
+        })
+      ]
+    }),
+    new CopyWebpackPlugin({
+      patterns: [
+        { from: 'security.txt', to: '.well-known/security.txt' },
+        {
+          from: 'public',
+          transform: function (content, filePath) {
+            if (filePath.split('.').pop() === ('js' || 'JS'))
+              return UglifyJS.minify(content.toString()).code;
+            return content;
+          }
+        }
+      ]
+    }),
+    new webpack.DefinePlugin(env_vars)
+  ],
+  optimization: {
+    splitChunks: {
+      minSize: 1000000,
+      maxSize: 20000000
+    }
+  }
+};
+
+module.exports = { webpackConfig, sourceMapsConfig, env_vars };

builds/liveConfig.js

@@ -0,0 +1,31 @@
+const config = require('./defaultConfig');
+if (JSON.parse(config.env_vars.FULL_SOURCEMAPS) === 'false')
+  config.sourceMapsConfig.exclude = /vendors.*.*/;
+
+const exportObj = {
+  publicPath: process.env.ROUTER_MODE === 'history' ? '/' : './',
+  configureWebpack: config.webpackConfig,
+  lintOnSave: process.env.NODE_ENV === 'production' ? 'error' : true,
+  integrity: process.env.WEBPACK_INTEGRITY === 'false' ? false : true,
+  pwa: {
+    name: 'MyEtherWallet',
+    workboxOptions: {
+      importWorkboxFrom: 'local',
+      skipWaiting: true,
+      clientsClaim: true,
+      navigateFallback: '/index.html'
+    }
+  },
+  chainWebpack: config => {
+    2;
+    // GraphQL Loader
+    config.module
+      .rule('graphql')
+      .test(/\.graphql$/)
+      .use('graphql-tag/loader')
+      .loader('graphql-tag/loader')
+      .end();
+  }
+};
+
+module.exports = exportObj;

builds/offlineConfig.js

@@ -0,0 +1,19 @@
+const config = require('./defaultConfig');
+if (JSON.parse(config.env_vars.FULL_SOURCEMAPS) === 'false')
+  config.sourceMapsConfig.exclude = /vendors.*.*/;
+const exportObj = {
+  publicPath: './',
+  configureWebpack: config.webpackConfig,
+  lintOnSave: process.env.NODE_ENV === 'production' ? 'error' : true,
+  integrity: process.env.WEBPACK_INTEGRITY === 'false' ? false : true,
+  productionSourceMap: true,
+  pages: {
+    index: {
+      entry: 'src/main/offlineMain.js',
+      template: 'public/index.html',
+      filename: 'index.html'
+    }
+  }
+};
+
+module.exports = exportObj;