updated

Author: pmunin

.webpack/config.js

@@ -0,0 +1 @@
+// TODO: extract to this module all basic logic used by all configurations

.webpack/webpack.config.base.js

@@ -0,0 +1,90 @@
+// Used by npm dev script
+
+const webpack = require('webpack');
+const path = require('path');
+const env = require('yargs').argv.env; // use --env with webpack 2
+//const CleanWebpackPlugin = require('clean-webpack-plugin');
+
+var process = require('process');
+const pkg = require('../package.json');
+
+let libraryName = pkg.name;
+
+function _with(obj, objEditFunc) {
+  objEditFunc(obj);
+  return obj;
+}
+
+/**
+ * @type {webpack.Configuration}
+ */
+let config = {
+  entry: {
+    [libraryName]: path.resolve('src/index.js'),
+  },
+  devtool: 'source-map',
+  mode: 'development',
+  output: {
+    path: path.resolve('lib/dev'),
+    filename: "[name].js",
+    library: libraryName,
+    libraryTarget: 'umd',
+    umdNamedDefine: true,
+    globalObject: '(typeof global!=="undefined"?global:window)'
+  },
+  module: {
+    rules: [{
+        test: /(\.jsx|\.js)$/,
+        loader: 'babel-loader',
+        exclude: /(node_modules|bower_components)/
+      },
+      {
+        test: /(\.jsx|\.js)$/,
+        loader: 'eslint-loader',
+        exclude: /node_modules/
+      }
+    ]
+  },
+  resolve: {
+    modules: [path.resolve('node_modules'), path.resolve('src')],
+    extensions: ['.json', '.js', '.jsx']
+  },
+  //plugins: plugins,
+  optimization: {
+    minimize: false,
+    splitChunks: {
+      chunks: 'all',
+      minChunks: 1,
+      cacheGroups: { //to move shared code from different entries to shared chunk from here https://github.com/webpack/webpack/tree/master/examples/multiple-entry-points
+        node_modules: {
+          test: /node_modules/,
+          chunks: "initial",
+          name: "node_modules",
+          priority: 10,
+          enforce: true,
+          minChunks:1,
+          minSize:0
+        }
+      },
+    },
+    occurrenceOrder: true,
+    namedModules: true,
+    namedChunks: true,
+    
+    removeAvailableModules: true,
+    mergeDuplicateChunks: true,
+    providedExports: true,
+    usedExports: true,
+    concatenateModules: true,
+    //includeTest? {chunks:'all'}:false,
+  },
+  plugins: [
+    // new webpack.optimize.CommonsChunkPlugin({
+    //          name: 'manifest'
+    //   })
+    //new webpack.HashedModuleIdsPlugin()
+  ]
+};
+
+
+module.exports = config;

.webpack/webpack.config.dev.js

@@ -0,0 +1,11 @@
+const defaultEnv = "dev"
+let args = require('yargs').argv;
+let env = args.env; // use --env with webpack 2
+if(!env) env = defaultEnv;
+
+let res = undefined;
+const configFile = './webpack.config.'+env;
+console.log(`Loading configuration ${configFile}`)
+res = require(configFile);
+if(!res) throw new Error(`Configuration was not returned by the module ${configFile}`)
+module.exports = res||{};

.webpack/webpack.config.js

@@ -0,0 +1,109 @@
+const webpack = require('webpack');
+const path = require('path');
+const env = require('yargs').argv.env; // use --env with webpack 2
+//const CleanWebpackPlugin = require('clean-webpack-plugin');
+const UglifyPlugin = require('uglifyjs-webpack-plugin')
+
+const _ = require('lodash');
+
+var process = require('process');
+const pkg = require('../package.json');
+
+let libraryName = pkg.name;
+
+function _with(obj, objEditFunc) {
+  objEditFunc(obj);
+  return obj;
+}
+
+/**
+ * @param {webpack.Configuration} overrides
+ * @returns {webpack.Configuration}
+ */
+function createConfig(overrides) {
+
+  /**
+   * @type {webpack.Configuration}
+   */
+  let config = {
+    entry: {
+      [libraryName]: path.resolve('src/index.js'),
+    },
+    //devtool: 'hidden-source-map',
+    mode: 'production',
+    output: {
+      path: path.resolve('lib'),
+      filename: "[name].js",
+      library: libraryName,
+      libraryTarget: 'umd',
+      umdNamedDefine: true,
+      globalObject: '(typeof global!=="undefined"?global:window)'
+    },
+    module: {
+      rules: [{
+          test: /(\.jsx|\.js)$/,
+          loader: 'babel-loader',
+          exclude: /(node_modules|bower_components)/
+        },
+        {
+          test: /(\.jsx|\.js)$/,
+          loader: 'eslint-loader',
+          exclude: /node_modules/
+        }
+      ]
+    },
+    resolve: {
+      modules: [path.resolve('node_modules'), path.resolve('src')],
+      extensions: ['.json', '.js', '.jsx']
+    },
+    optimization: {
+      minimize: false,
+      occurrenceOrder: true,
+      namedModules: true,
+      namedChunks: true,
+      splitChunks:{
+          minSize:200*1024*1024,
+      },
+      removeAvailableModules: true,
+      mergeDuplicateChunks: true,
+      providedExports: true,
+      usedExports: true,
+      concatenateModules: true,
+    },
+    plugins: [
+      //new webpack.HashedModuleIdsPlugin()
+    ]
+  };
+
+  if(overrides) config = _.merge(config, overrides);
+  return config;
+}
+
+
+
+
+module.exports = [
+    createConfig(),//full
+    
+    //minimized
+    createConfig({
+        output:{
+            filename:'[name].min.js'
+        },
+        optimization:{
+            minimize:true,
+            minimizer:[
+                new UglifyPlugin({
+                    uglifyOptions:{
+                        compress:true,
+                        mangle:true,
+                        output:{
+                            comments:false,
+                        },
+                    },
+                    sourceMap:false,
+                })
+            ]
+        },
+    }),
+];

.webpack/webpack.config.prod.js

@@ -0,0 +1,87 @@
+//from here: https://www.threatstack.com/blog/unit-testing-with-webpack-mocha
+
+const webpack = require('webpack');
+const path = require('path');
+const args = require('yargs').argv
+const WebpackShellPlugin = require('webpack-shell-plugin');
+var nodeExternals = require('webpack-node-externals');
+//const CleanWebpackPlugin = require('clean-webpack-plugin');
+
+const env = args.env; // use --env with webpack 2
+const watchFlag = (args.watch||args.w);
+console.warn("Watch flag:", watchFlag);
+
+/**
+ * @type {webpack.Configuration}
+ */
+let config = {
+    entry:{
+        index:path.resolve("src/index.test.js"),
+    },
+    output:{
+        path:path.resolve("lib/mocha-tests"),
+        filename:"[name].js",
+        library:"tests"
+        //libraryTarget:"this",
+    },
+    target:"node",
+    externals: [nodeExternals()],
+    node:{
+        fs:'empty'
+    },
+    mode:"development",
+    devtool:"source-map",
+    module: {
+        rules: [{
+            test: /(\.jsx|\.js)$/,
+            loader: 'babel-loader',
+            exclude: /(node_modules|bower_components)/
+          },
+          {
+            test: /(\.jsx|\.js)$/,
+            loader: 'eslint-loader',
+            exclude: /node_modules/
+          }
+        ]
+      },
+      resolve: {
+        modules: [path.resolve('node_modules'), path.resolve('src')],
+        extensions: ['.json', '.js', '.jsx']
+      },
+      optimization: {
+        minimize:false,
+        splitChunks:{
+          chunks:'all',
+          minChunks:1,
+          cacheGroups:{
+              node_modules: {
+                test: /node_modules/,
+                chunks: "all",
+                name: "node_modules",
+                priority: 10,
+                enforce: true,
+                minChunks:1,
+                minSize:0,
+              }
+          },
+        },
+        occurrenceOrder:true,
+        namedModules:true,
+        namedChunks:true,
+
+        removeAvailableModules: true,
+        mergeDuplicateChunks: true,
+        providedExports: true,
+        usedExports: true,
+        concatenateModules: true,
+    },
+    plugins:[
+        new WebpackShellPlugin({
+          onBuildEnd: [
+              "mocha lib/mocha-tests/index.js --colors"+(watchFlag?" --watch":""),
+            ],
+        })
+    ]
+}
+
+module.exports = config;