Importing CSS only in Storybook

This is an unusual use case but I’m trying to import the css only for use in the storybook. Currently this is what I have:

Config.js

import { configure } from '@kadira/storybook';
require('../node_modules/@salesforce-ux/design-system/assets/styles/salesforce-lightning-design-system.css');

function loadStories() {
  require('../components/stories/StandardInput');
  // require as many stories as you need.
}

configure(loadStories, module);

webpack.config.js

const path = require('path');
module.exports = {
  module: {
    loaders: [
      {
        test: /\.css?$/,
        loaders: [ 'style', 'raw', 'css'],
        include: path.resolve(__dirname, '/')
      }
    ]
  }
}

I’m getting the following error:

ERROR in Loader C:\Users******\Desktop\JSApp\node_modules\raw\raw.js didn’t return a function @ ./~/@salesforce-ux/design-system/assets/styles/salesforce-lightning-design-system.css 4:14-119 13:2-17:4 14:20-125

[mgarf]

Yeah,

I just looked into my package json and raw was missing. I think i had raw in but not raw-loader. Once i did that it all worked. Thank you for your help!

[arunoda]

Great.