@component-controls/webpack-configs v4.0.3

Table of contents

• Overview
• Installation
• Usage
  • Basic usage
  • Advanced usage
• API
  • getWebpackConfig
  • deepMergeWebpackConfig
  • mergeWebpackConfig

Overview

Collection of standard webpack rules for @component-controls/instrument.

Installation

$ npm install @component-controls/webpack-configs --save-dev

Usage

in .storybook/main.js

Basic usage

addons: [
    ...
    {
      name: '@component-controls/storybook',
      options: {
        webpack: ['react-docgen-typescript']
      }
    }
  ],

Advanced usage

addons: [
  ...
  {
    name: '@component-controls/storybook',
    options: {
      webpack: [
        'instrument',
        {
          name: 'react-docgen-typescript',
          config: {
            module: {
              rules: [
                {
                  loader: '@component-controls/loader/loader',
                  options: {
                    //instrumentation options
                    prettier: {
                      tabWidth: 4,
                    },
                  },
                },
              ],
            },
          },
        },
      ],
    }
  }],

API

getWebpackConfig

function

expands the presets into webpack config

defined in @component-controls/webpack-configs/core/webpack-configs/src/index.ts

parameters

deepMergeWebpackConfig

function

deep merge two webpack configurations

defined in @component-controls/webpack-configs/core/webpack-configs/src/index.ts

parameters

| Name | Type