yoda-common-boilerplate/.storybook/webpack.config.js

Repository of all JCP reusable atoms, molecules and organisms

var _toConsumableArray2 = require('babel-runtime/helpers/toConsumableArray');
var _toConsumableArray3 = _interopRequireDefault(_toConsumableArray2);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
const path = require('path');
// load the default config generator.
var genDefaultConfig = require('@kadira/storybook/dist/server/config/defaults/webpack.config.js');
let mainWebpackConfig = require('../webpack.config.js');
module.exports = function(config, env) {
  var config = genDefaultConfig(config, env);

  // Extend it as you need.
  config.module.loaders[1] = {
    test: /\.css?$/,
    loaders: ['style-loader', 'css-loader?modules&importLoaders=1&localIdentName=[name]__[local]___[hash:base64:5]','postcss-loader'],
    include: [
      path.resolve('.') + '/src'
    ]
  };
  config.module.preLoaders = [].concat((0, _toConsumableArray3.default)(config.module.preLoaders ? config.module.preLoaders : []), mainWebpackConfig.module.preLoaders);
  config.plugins = [].concat((0, _toConsumableArray3.default)(config.plugins ? config.plugins : []), mainWebpackConfig.plugins[0]);
  config.postcss = function(){
      return [require('postcss-smart-import')({path:['./src/styles']}),require('postcss-cssnext'), require('postcss-for'), require('postcss-nesting')()];
  };
  config.resolve = config.resolve || {};
  config.resolve.root = config.resolve.root || [];
  config.resolve.root.push(path.resolve('.') + '/src');

  config.resolve.alias = config.resolve.alias || {};
  config.resolve.alias.molecules =  path.resolve('.') + '/src/molecules';
  config.resolve.alias.atoms =  path.resolve('.') + '/src/atoms';
  config.resolve.alias.styles =  path.resolve('.') + '/src/styles';

  return config;
};