Added environment option.

Author: Gongreg

src/bin/storybook-start.js

@@ -10,6 +10,7 @@ program
   .option('-p, --port <port>', 'port to listen on')
   .option('-s, --secured', 'whether server is running on https')
   .option('-c, --config-dir [dir-name]', 'storybook config directory')
+  .option('-e, --environment [environment]', 'DEVELOPMENT/PRODUCTION environment for webpack')
   .option('-r, --reset-cache', 'reset react native packager')
   .option('--skip-packager', 'run only storybook server')
   .option('-i, --manual-id', 'allow multiple users to work with same storybook')
@@ -22,7 +23,14 @@ if (program.host) {
   listenAddr.push(program.host);
 }
 
-const server = new Server({projectDir, configDir, manualId: program.manualId, secured: program.secured});
+const server = new Server({
+  projectDir,
+  configDir,
+  environment: program.environment,
+  manualId: program.manualId,
+  secured: program.secured
+});
+
 server.listen(...listenAddr, function (err) {
   if (err) {
     throw err;

src/server/config/webpack.config.prod.js

@@ -14,13 +14,14 @@ const config = {
   devtool: '#cheap-module-source-map',
   entry: entries,
   output: {
+    path: path.join(__dirname, 'dist'),
     filename: 'static/[name].bundle.js',
     // Here we set the publicPath to ''.
     // This allows us to deploy storybook into subpaths like GitHub pages.
     // This works with css and image loaders too.
     // This is working for storybook since, we don't use pushState urls and
     // relative URLs works always.
-    publicPath: '',
+    publicPath: '/',
   },
   plugins: [
     new webpack.DefinePlugin({ 'process.env.NODE_ENV': '"production"' }),

src/server/middleware.js

@@ -5,6 +5,7 @@ import webpack from 'webpack';
 import webpackDevMiddleware from 'webpack-dev-middleware';
 import webpackHotMiddleware from 'webpack-hot-middleware';
 import baseConfig from './config/webpack.config';
+import baseProductionConfig from './config/webpack.config.prod';
 import loadConfig from './config';
 import getIndexHtml from './index.html';
 
@@ -23,7 +24,9 @@ function getMiddleware(configDir) {
 export default function ({projectDir, configDir, ...options}) {
   // Build the webpack configuration using the `baseConfig`
   // custom `.babelrc` file and `webpack.config.js` files
-  const config = loadConfig('DEVELOPMENT', baseConfig, projectDir, configDir);
+  const environment = options.environment || 'DEVELOPMENT';
+  const currentWebpackConfig = environment === 'PRODUCTION' ? baseProductionConfig : baseConfig;
+  const config = loadConfig(environment, currentWebpackConfig, projectDir, configDir);
 
   // remove the leading '/'
   let publicPath = config.output.publicPath;