webpack-storybook.config.js

const path = require('path');
const webpack = require('webpack');
const md5 = require('md5');
const fs = require('fs');
const reactVersion = require('react/package.json').version;

const fileHashMemo = {};

const getFileHash = (filepath) => {
  if (fileHashMemo[filepath]) {
    return fileHashMemo[filepath];
  }
  let contentHash = md5(fs.readFileSync(filepath, 'utf8'));
  fileHashMemo[filepath] = contentHash.substr(contentHash.length - 5);
  return fileHashMemo[filepath];
};

const generateScopedName = (localName, resourcePath) => {
  let componentName = resourcePath.split('/').slice(-2, -1);
  let contentHash = getFileHash(resourcePath);

  //let hash = md5(resourcePath);
  return `${componentName}_${localName}_${contentHash}`;
};

module.exports = () => {
  return {
    plugins: [new webpack.DefinePlugin({REACT_VERSION: JSON.stringify(reactVersion)})],
    parallelism: 1,
    module: {
      rules: [
        {
          test: /\.jsx?$/,
          include: [__dirname, path.resolve(__dirname + '/../src'), path.resolve(__dirname + '/../packages'), /collection-view/],
          loader: require.resolve('babel-loader')
        },
        {
          test: /\.(ts|tsx)$/,
          use: [
            { loader: require.resolve('babel-loader') },
          ]
        },
        {
          test: /packages[\\/].*\.css$/,
          use: [
            'style-loader',
            {
              loader: 'css-loader',
              options: {
                modules: true,
                importLoaders: 1,
                getLocalIdent: (context, localIdentName, localName) => {
                  return generateScopedName(localName, context.resourcePath);
                },
              }
            },
            {
              loader: 'postcss-loader',
              options: {
                ident: 'postcss',
                plugins: require('../postcss.config').plugins
              }
            }
          ],
          include: path.resolve(__dirname, '../')
        },
        {
          test: /\.css$/,
          loaders: ['style-loader', 'css-loader'],
          include: path.resolve(__dirname, '../'),
          exclude: /packages[\\/].*\.css$/
        },
        {
          test: /\.(ttf|woff|woff2|svg|gif|cur|eot|png|jpg)(\?[a-f0-9]{32})?$/,
          loader: 'url-loader?limit=8192'// limit inlining base64 URLs to <=8k images, direct URLs for the rest
        }
      ]
    }
  };
};