Bug: CSS Source Maps

[marcobiedermann]

I am using a custom webpackconfiguration which includes postcss-loader. Although I enabled source maps the outputted files are not mapped correctly to the file.
Apart from that everything is working fine.
Any idea why the mapping is off? Do I have to enable another configuration?

.storybook/webpack.config.js

const path = require('path');

module.exports = {
  module: {
    rules: [
      {
        exclude: /node_modules/,
        include: path.resolve(__dirname, '../'),
        test: /\.css$/,
        use: [
          'style-loader',
          {
            loader: 'css-loader',
            options: {
              sourceMap: true,
            },
          },
          {
            loader: 'postcss-loader',
            options: {
              sourceMap: true,
            },
          },
        ],
      },
    ]
  }
}

./postcss.config.js

module.exports = {
  plugins: {
    'postcss-import': {},
    'postcss-cssnext': {},
  },
};

./packages/module/stories.jsx

/* eslint-disable import/no-extraneous-dependencies */
import React from 'react';
import { storiesOf } from '@storybook/react';
/* eslint-enable */

import './index.css';

storiesOf('Anchor', module)
  .addWithStaticMarkup('default', () => (
    <a href="#">Anchor</a>
  ));

[stale]

Hi everyone! Seems like there hasn't been much going on in this issue lately. If there are still questions, comments, or bugs, please feel free to continue the discussion. Unfortunately, we don't have time to get to every issue. We are always open to contributions so please send us a pull request if you would like to help. Inactive issues will be closed after 60 days. Thanks!

[stale]

Hey there, it's me again! I am going close this issue to help our maintainers focus on the current development roadmap instead. If the issue mentioned is still a concern, please open a new ticket and mention this old one. Cheers and thanks for using Storybook!