ndelangen

export const webpack = async (base, config) => {
  const { default: webpackMerge } = await import('webpack-merge');
  const { default: globToRegex } = await import('glob-to-regexp');

  // here we request the resulting entries property
  // and transform the array of globs to an array of regular expressions
  const entries = (await config.entries).map(globToRegex);

  return webpackMerge(base, {
    module: {

ndelangen

export const entries = ['**/*.stories.[t|j]s'];
export const presets = ['babel/auto', 'sass'];

ndelangen

export const babel = async (base, config) => ({
  rootMode: 'upward',
  sourceType: 'unambiguous',
});

ndelangen

export const entries = ['**/*.stories.[t|j]s'];

export const babel = async (base, config) => ({
  rootMode: 'upward',
  sourceType: 'unambiguous',
});

export const webpack = async (base, config) => {
  const { default: webpackMerge } = await import('webpack-merge');

ndelangen

export const entries = ['**/*.stories.[t|j]s'];
export const addons = ['docs', 'knobs'];

ndelangen

Add storybook dependencies

First of all, you need to add a few storybook packages to your project's package.json. To do that, simply run:

:::CodeSwitcher

npm i --save-dev @storybook/react @storybook/addons react react-dom

ndelangen

import React from 'react';
import styled from 'styled-components';

const breakpoints = {
  xs: '(max-width: 400px)',
  sm: '(min-width: 401px) and (max-width: 520px)',
  md: '(min-width: 521px) and (max-width: 720px)',
  lg: '(min-width: 721px) and (max-width: 980px)',
  xl: '(min-width: 981px)',
};

ndelangen

const cluster = require('cluster');
const http = require('http');

if (cluster.isMaster) {
  // init cluster
  require('os').cpus().forEach(() => {
    cluster.fork();
  });

  // add eventlisteners

ndelangen

const cluster = require('cluster');
const http = require('http');
const numCPUs = require('os').cpus().length;

if (cluster.isMaster) {
  // Fork workers.
  for (var i = 0; i < numCPUs; i++) {
    cluster.fork();
  }

ndelangen

const ipc = require('node-ipc');

ipc.config.id = 'a-unique-process-name1';
ipc.config.retry = 1500;
ipc.config.silent = true;
ipc.serve(() => ipc.server.on('a-unique-message-name', message => {
  console.log(message);
}));
ipc.server.start();