webpack config for storybook (absolute paths and css modules)

webpack.config.js

const path = require('path');

module.exports = ({config}) => {
  config.module.rules.push({
    test: /\.scss$/,
    loaders: [
      require.resolve('style-loader'),
      {
        loader: require.resolve('css-loader'),
        options: {
          importLoaders: 1,
          modules: true,
          localIdentName: '[local]-[hash:base64:5]',
        },
      },
      require.resolve('sass-loader')
    ],
  });

  config.resolve.modules = [
    ...(config.resolve.modules || []),
    path.resolve(__dirname, '../'),
  ];

  return config;
};