standalone eject-able webpack config

webpack.config.js

@@ -1 +1,155 @@
-{}
+/* global module process require */
+
+// some packages, plugins, and presets referenced/required in this webpack
+// config are deps of embark and will be transitive dapp deps unless specified
+// in the dapp's own package.json (perhaps with a different version/range or
+// other specifier)
+
+// there's a bug in pkg clone-deep re: regex; for now use lodash.clonedeep
+// see: https://github.com/jonschlinkert/clone-deep/pull/14
+const cloneDeep = require('lodash.clonedeep');
+const fs = require('fs');
+const glob = require('glob');
+const HardSourceWebpackPlugin = require('hard-source-webpack-plugin');
+const path = require('path');
+
+const dappPath = process.env.DAPP_PATH;
+const embarkAliases = require(path.join(dappPath, '.embark/embark-aliases.json'));
+const embarkAssets = require(path.join(dappPath, '.embark/embark-assets.json'));
+
+// it's important to `embark reset` if a pkg version is specified in
+// embark.json and changed/removed later, otherwise pkg resolution may behave
+// unexpectedly, e.g. a different version may get used owing to lexographical
+// order or because .embark/versions is still in place even though defaults are
+// desired; once embark is always a lib within a dapp's node_modules tree,
+// embark's pkg-version management functionality can probably be deprecated in
+// favor of a dapp simply specifying dependencies in its own package.json,
+// e.g. a different ipfs version than embark's default
+let versions;
+try {
+  versions = glob.sync(path.join(dappPath, '.embark/versions/*/*'));
+} catch (e) {
+  versions = [];
+}
+
+const entry = Object.keys(embarkAssets).reduce((obj, key) => {
+  embarkAssets[key]
+    .filter(file => file.filename.match(/\.js$/))
+    .forEach(file => {
+      let file_path = file.path;
+      if (!file.path.match(/^\.\//)) {
+        file_path = './' + file_path;
+      }
+      obj[file.path] = file_path;
+    });
+  return obj;
+}, {});
+
+// base config
+// -----------------------------------------------------------------------------
+
+const base = {
+  context: dappPath,
+  entry: entry,
+  module: {
+    rules: [
+      {
+        test: /\.css$/,
+        use: [{loader: 'style-loader'}, {loader: 'css-loader'}]
+      },
+      {
+        test: /\.scss$/,
+        use: [{loader: 'style-loader'}, {loader: 'css-loader'}]
+      },
+      {
+        test: /\.(png|woff|woff2|eot|ttf|svg)$/,
+        loader: 'url-loader?limit=100000'
+      },
+      {
+        test: /\.js$/,
+        loader: 'babel-loader',
+        exclude: /(node_modules|bower_components|\.embark[\\/]versions)/,
+        options: {
+          plugins: [
+            [
+              'module-resolver', {
+                'alias': embarkAliases
+              }
+            ],
+            [
+              '@babel/plugin-transform-runtime', {
+                corejs: 2,
+                useESModules: true
+              }
+            ]
+          ],
+          presets: [
+            [
+              '@babel/preset-env', {
+                modules: false,
+                targets: {
+                  browsers: ['last 1 version', 'not dead', '> 0.2%']
+                }
+              }
+            ],
+            '@babel/preset-react'
+          ]
+        }
+      }
+    ]
+  },
+  output: {
+    filename: (chunkData) => chunkData.chunk.name,
+    // globalObject workaround for node-compatible UMD builds with webpack 4
+    // see: https://github.com/webpack/webpack/issues/6522#issuecomment-371120689
+    globalObject: 'typeof self !== \'undefined\' ? self : this',
+    libraryTarget: 'umd',
+    path: path.join(dappPath, '.embark')
+  },
+  plugins: [
+    new HardSourceWebpackPlugin()
+  ],
+  // profiling and generating verbose stats increases build time; if stats
+  // are generated embark will write the output to:
+  //   path.join(dappPath, '.embark/stats.[json,report]')
+  // to visualize the stats info in a browser run:
+  //   npx webpack-bundle-analyzer <dappPath>/.embark/stats.json
+  profile: true, stats: 'verbose',
+  resolve: {
+    alias: embarkAliases,
+    modules: [
+      ...versions,
+      'node_modules'
+    ]
+  }
+};
+
+// development config
+// -----------------------------------------------------------------------------
+
+const development = cloneDeep(base);
+// full source maps increase build time but are useful during dapp development
+// HOWEVER: source maps are broken (completely? not sure) until a webpack
+// chunk corresponds to a file being written to buildDir per embark.json;
+// currently embark is concatenating webpack chunks
+// dev.devtool = 'source-map';
+// alternative: development.mode = 'none'
+development.mode = 'development';
+development.name = 'development';
+const devBabelLoader = development.module.rules[3];
+devBabelLoader.options.compact = false;
+
+// production config
+// -----------------------------------------------------------------------------
+
+const production = cloneDeep(base);
+production.mode = 'production';
+production.name = 'production';
+
+// export a list of named configs
+// -----------------------------------------------------------------------------
+
+module.exports = [
+  development,
+  production
+];