Issue with custom StyleGuideRenderer

My styleguide config is working great, until I try to add a custom renderer. I added the following line to my styleguide.config.js:

webpackConfig.resolve.alias['rsg-components/StyleGuide/StyleGuideRenderer'] = path.join(__dirname, 'source/styleguide/assets/StyleGuide.jsx');

… and when I build my styleguide, it come us blank with this error in the console:

style-guide.bundle.js:54 Uncaught Error: Cannot find module "rsg-components/StyleGuide/StyleGuideRenderer"

… but this file does exist. This is my source/styleguide/assets/StyleGuide.jsx file, which is relative to the directory my styleguide.config.js file lives. Although that shouldn’t matter since I call the file absolutely, and have confirmed that file exists.

import React, { PropTypes } from 'react';
import cx from 'classnames';

const s = require('./StyleGuide.css');

const StyleGuideRenderer = ({ title, homepageUrl, components, toc, sidebar }) => (
  <div className={cx(s.root, sidebar && s.hasSidebar)}>
    <main className={s.content}>
      <div className={s.components}>
        {components}
        <footer className={s.footer}>
        </footer>
      </div>
    </main>
    { sidebar &&
      <div className={s.sidebar}>
        <h1 className={s.heading}>{title}</h1>
        <h2>tttttt</h2>
        {toc}
      </div>
    }
  </div>
);

StyleGuideRenderer.propTypes = {
  title: PropTypes.string.isRequired,
  homepageUrl: PropTypes.string.isRequired,
  components: PropTypes.object.isRequired,
  toc: PropTypes.node.isRequired,
  sidebar: PropTypes.bool,
};

export default StyleGuideRenderer;

Any ideas?

[stinoga]

@sapegin Good call. I was able to repro there and fix the issue. Thanks!

[sapegin]

Sure, Webpack will use path of the real file for loaders, not aliased one.