All files / app/.storybook main.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
module.exports = {
  core: {
    builder: "webpack5",
  },
  stories: ["../**/*.stories.mdx", "../**/*.stories.@(js|jsx|ts|tsx)"],
  typescript: {
    reactDocgen: false,
  },
  addons: ["@storybook/addon-links", "@storybook/addon-essentials"],
  framework: "@storybook/react",
  webpackFinal: (config) => {
    config.resolve.alias["service$"] = require.resolve(
      "../stories/serviceMocks.ts"
    );
    config.resolve.alias["fs"] = require.resolve("./fsMock.js");
    config.resolve.modules = [".", ...(config.resolve.modules || [])];
 
    console.log('⚠️  Note: filtering out CaseSensitivePathsPlugin to avoid issues with libraries that use import paths with wrong case');
    // @see https://github.com/Urthen/case-sensitive-paths-webpack-plugin
    config.plugins = config.plugins.filter((plugin) => plugin.constructor.name !== 'CaseSensitivePathsPlugin')
 
    return config;
  },
};