joshjung

import DebugInspector from 'ringa-fw-react/src/components/debugInspector/DebugInspector';
import Theme from 'ringa-fw-react/src/components/containers/Theme';
...

render() {
  return <Theme>
    {this.props.children} // The rest of your application...
    <DebugInspector />
  </Theme>;
}

joshjung

const webpack = require('webpack');
const path = require('path');
const ROOT_PATH = path.resolve(process.env.PWD);

const ExtractTextPlugin = require('extract-text-webpack-plugin');

const UGLIFY_WHITELIST = require('./uglifyWhitelist.json');

require('babel-polyfill');

joshjung

const webpack = require('webpack');
const path = require('path');
const ROOT_PATH = path.resolve(process.env.PWD);

const ExtractTextPlugin = require('extract-text-webpack-plugin');

const UGLIFY_WHITELIST = require('./uglifyWhitelist.json');

require('babel-polyfill');

joshjung

let BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
const prodBuild = require('./webpack.config.prod.js');

module.exports = new Promise(resolve => {
  prodBuild.then(build => {
    build.plugins.push(new BundleAnalyzerPlugin());

    resolve(build);
  });
});

joshjung

...

// Build your configuration object, and then return a Promise

let finalConfig = {
  devtool: 'eval',
  output: { /* your configuration */ },
  plugins: [ /* your configuration */ ]
};