react-bootstrap/webpack/docs.config.js

Bootstrap 3 components build with React

import _ from 'lodash';
import webpack from 'webpack';
import ExtractTextPlugin from 'extract-text-webpack-plugin';
import baseConfig, { options, jsLoader } from './base.config';

const webpackDevServerAddress = `http://localhost:${options.port}`;
const cssSourceMap = options.debug ? '?sourceMap' : '';
const reactHot = options.debug ? 'react-hot!' : '';

const entryFile = './docs/client.js';
const devEntryBundle = [
  'webpack/hot/dev-server',
  `webpack-dev-server/client?${webpackDevServerAddress}`,
  entryFile
];

baseConfig.plugins.push(new ExtractTextPlugin('[name].css'));
if (options.debug) {
  baseConfig.plugins.push(new webpack.NoErrorsPlugin());
}

export default _.extend({}, baseConfig, {
  entry: {
    bundle: options.debug ? devEntryBundle : entryFile
  },

  output: {
    filename: '[name].js',
    path: './docs-built/assets',
    publicPath: options.debug ? `${webpackDevServerAddress}/assets/` : '/assets/'
  },

  module: {
    noParse: /babel-core\/browser/,
    loaders: [
      { test: /\.js/, loader: `${reactHot}${jsLoader}`, exclude: /node_modules|Samples\.js/ },
      { test: /Samples.js/, loader: `${reactHot}transform?brfs!${jsLoader}` },
      { test: /\.css/,
        loader: ExtractTextPlugin.extract('style', `css${cssSourceMap}`) },
      { test: /\.less$/,
        loader: ExtractTextPlugin.extract('style', `css${cssSourceMap}!less${cssSourceMap}`) },
      { test: /\.json$/, loader: 'json' },
      { test: /\.jpe?g$|\.gif$|\.png|\.ico$/, loader: 'file?name=[name].[ext]' },
      { test: /\.eot$|\.ttf$|\.svg$|\.woff2?$/, loader: 'file?name=[name].[ext]' }
    ]
  }
});