webpack 4 upgrade

Issue-ID: SDC-1388
Change-Id: I44d61491ef802187baa4beb3b4fc2c9f1e8405e5
Signed-off-by: Einav Weiss Keidar <einavw@amdocs.com>

1 files changed, 127 insertions, 89 deletions

diff --git a/dox-sequence-diagram-ui/webpack.config.js b/dox-sequence-diagram-ui/webpack.config.js
index 4dfa1a85b6..bd5ea2ab0d 100644
--- a/dox-sequence-diagram-ui/webpack.config.js
+++ b/dox-sequence-diagram-ui/webpack.config.js
@@ -2,98 +2,136 @@ var webpack = require('webpack');
 var path = require('path');
 
 var PATHS = {
-	SRC: path.resolve(__dirname, 'src/main/webapp'),
-	TARGET: path.resolve(__dirname, 'dist')
+    SRC: path.resolve(__dirname, 'src/main/webapp'),
+    TARGET: path.resolve(__dirname, 'dist')
 };
 
-var devmode = (process.env.npm_lifecycle_event === 'start');
+module.exports = (env, argv) => {
+    let devmode = argv.mode && argv.mode === 'development';
+    let entry = [];
+    if (devmode) {
+        entry.push(path.resolve(PATHS.SRC, 'lib/main.jsx'));
+    } else {
+        entry.push(
+            path.resolve(PATHS.SRC, 'lib/ecomp/asdc/sequencer/Sequencer.jsx')
+        );
+    }
 
-var entry = [];
-if (devmode) {
-	entry.push(path.resolve(PATHS.SRC, 'lib/main.jsx'));
-} else {
-	entry.push(path.resolve(PATHS.SRC, 'lib/ecomp/asdc/sequencer/Sequencer.jsx'));
-}
-
-var config = {
-	entry: entry,
-	output: {
-		path: PATHS.TARGET,
-		filename: 'index.js',
-		libraryTarget: 'umd'
-	},
-	resolve: {
-		extensions: ['.js', '.jsx']
-	},
-	devtool: 'eval-source-map',
-	module: {
-		rules: [
-    		{test: /\.(js|jsx)$/, loader: 'eslint-loader', exclude: [/node_modules/], enforce: 'pre'},
-            {test: /\.(js|jsx)$/, loader: 'babel-loader',
-				exclude: /node_modules/,
-				include: path.join(PATHS.SRC, 'lib')},
-			{test: /\.(css)$/, use: [
-                    {loader: 'style-loader'},
-                    {loader: 'css-loader'}]},
-			{test: /\.(png|woff|woff2|eot|ttf|otf)$/, loader: 'url-loader?limit=100000'},
-            {
-                test: /\.scss$/,
-                include: path.join(PATHS.SRC, 'res'),
-                loaders: ['style-loader', 'css-loader', 'sass-loader']
-            },
-			{
-                test: /\.html$/,
-                include: path.join(PATHS.SRC, 'lib'),
-                loaders: ['raw-loader']
-            },
-            {
-                test: /\.svg$/,
-                loader: 'svg-sprite-loader?' + JSON.stringify({
-                    name: '[name]_[hash]',
-                    prefixize: true
-                })
-            }
-		]
-	},
-	externals: (devmode ? {} : {
-		'd3': 'd3',
-		'lodash': 'lodash',
-		'react': 'react',
-		'react-dnd': 'react-dnd',
-		'react-dnd-html5-backend': 'react-dnd-html5-backend',
-		'react-dom': 'react-dom',
-		'react-redux': 'react-redux',
-		'react-select': 'react-select',
-		'redux': 'redux'
-	}),
-	devServer: {
-		port: 4096,
-		quiet: false,
-		contentBase: 'src/main/webapp',
-		proxy: {
-			'/services/*': {
-				target: 'http://localhost:38080/asdc-sequencer',
-				secure: false
-			}
-		}
-	},
-    plugins: [
-        new webpack.DefinePlugin({
-            DEV: true,
-            DEBUG: true
-        }),
-        new webpack.HotModuleReplacementPlugin(),
-        new webpack.LoaderOptionsPlugin({
-            options: {
-                eslint: {
-                    failOnWarning: false,
-                    failOnError: false,
-                    configFile: 'eslintrc.json'
+    let config = {
+        entry: entry,
+        performance: { hints: false },
+        output: {
+            path: PATHS.TARGET,
+            filename: 'index.js',
+            libraryTarget: 'umd'
+        },
+        resolve: {
+            extensions: ['.js', '.jsx']
+        },
+        devtool: 'eval-source-map',
+        module: {
+            rules: [
+                {
+                    test: /\.(js|jsx)$/,
+                    loader: 'eslint-loader',
+                    include: [/src/],
+                    enforce: 'pre'
+                },
+                {
+                    test: /\.(js|jsx)$/,
+                    loader: 'babel-loader',
+                    include: path.join(PATHS.SRC, 'lib')
+                },
+                {
+                    test: /\.(css)$/,
+                    use: [{ loader: 'style-loader' }, { loader: 'css-loader' }]
+                },
+                {
+                    test: /\.(png|woff|woff2|eot|ttf|otf)$/,
+                    loader: 'url-loader?limit=100000'
                 },
-                context: '/'
+                {
+                    test: /\.scss$/,
+                    include: path.join(PATHS.SRC, 'res'),
+                    loaders: ['style-loader', 'css-loader', 'sass-loader']
+                },
+                {
+                    test: /\.html$/,
+                    include: path.join(PATHS.SRC, 'lib'),
+                    loaders: ['raw-loader']
+                },
+                {
+                    test: /\.svg$/,
+                    loader: 'svg-sprite-loader',
+                    options: {
+                        symbolId: '[name]_[hash]',
+                        extract: false
+                    }
+                }
+            ]
+        },
+        externals: devmode
+            ? {}
+            : {
+                  'd3-zoom': 'd3-zoom',
+                  'd3-selection': 'd3-selection',
+                  'lodash/merge': 'lodash/merge',
+                  'lodash/template': 'lodash/template',
+                  react: 'react',
+                  'react-dnd': 'react-dnd',
+                  'react-dnd-html5-backend': 'react-dnd-html5-backend',
+                  'react-dom': 'react-dom',
+                  'react-redux': 'react-redux',
+                  'react-select': 'react-select',
+                  redux: 'redux',
+                  'prop-types': 'prop-types'
+              },
+        devServer: {
+            port: 4096,
+            quiet: false,
+            contentBase: 'src/main/webapp',
+            proxy: {
+                '/services/*': {
+                    target: 'http://localhost:38080/asdc-sequencer',
+                    secure: false
+                }
             }
-        })
-    ]
-};
+        },
+        plugins: devmode
+            ? [
+                  new webpack.DefinePlugin({
+                      DEBUG: devmode === true,
+                      DEV: devmode === true
+                  }),
+                  new webpack.HotModuleReplacementPlugin(),
+                  new webpack.LoaderOptionsPlugin({
+                      options: {
+                          eslint: {
+                              failOnWarning: false,
+                              failOnError: false,
+                              configFile: 'eslintrc.json'
+                          },
+                          context: '/'
+                      }
+                  })
+              ]
+            : [
+                  new webpack.DefinePlugin({
+                      DEBUG: devmode === true,
+                      DEV: devmode === true
+                  }),
+                  new webpack.LoaderOptionsPlugin({
+                      options: {
+                          eslint: {
+                              failOnWarning: false,
+                              failOnError: false,
+                              configFile: 'eslintrc.json'
+                          },
+                          context: '/'
+                      }
+                  })
+              ]
+    };
 
-module.exports = config;
+    return config;
+};