/* 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(/\.jsx?$/)) .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: /\.jsx?$/, 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 /.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 ];