storybook: Storybook does not respect cacheDirectory for cache location

Describe the bug Storybook creates .cache folder in the root of my project despite my webpack config specifies a different location for cacheDirectory

To Reproduce Steps to reproduce the behavior:

Run storybook

Expected behavior Cache folder is created in the location specified by cacheDirectory

Code snippets

Webpack config:

...
  module: {
    rules: [
      {
        test: /\.js?$/u,
        exclude: /node_modules/u,
        use: {
          loader: 'babel-loader',
          options: {
            cacheDirectory: path.join(process.cwd(), 'build/cache/babel')
          }
        }
      }
    ]
  }
...

System:

OS: macOS
Device: N/A
Browser: N/A
Framework: react
Version: 4.0.0

About this issue

Original URL
State: closed
Created 6 years ago
Reactions: 10
Comments: 15 (7 by maintainers)

Commits related to this issue

Fixes #4665: set correct cache directory path — committed to alex-fournier/storybook by alex-fournier 6 years ago
Merge pull request #4792 from alex-fournier/fix-cache-directory Fixes #4665: set correct cache directory path — committed to storybookjs/storybook by ndelangen 6 years ago
Merge pull request #4792 from alex-fournier/fix-cache-directory Fixes #4665: set correct cache directory path — committed to storybookjs/storybook by ndelangen 6 years ago

Most upvoted comments

I have Babel caching enabled but rely on the default path of node_modules/.cache/babel-loader. I noticed there’s also a cache file for Storybook in node_modules/.cache/react-storybook. Why is an additional cache folder needed at the root level? Could the two folders be combined? I too prefer to have my all my cache folders in the same location which is why node_modules works perfect for me.

rachel-md on Nov 9, 2018

Thanks @alex-fournier !

pkuczynski on Nov 16, 2018

https://github.com/babel/babel/issues/5198#issuecomment-277603878

https://babeljs.io/docs/en/babel-register#babel_cache_path=

It would be good if sb supports customizing the cache path

tranvansang on Jun 21, 2022

Yeah, node_modules/.cache seems standard and is conveniently beneath the deps folder which is already ignored.

rhys-vdw on Nov 10, 2018

Same thing in my case. I already ignore build folder where my build output is stored together with babel cache and some other cache files.

pkuczynski on Nov 8, 2018

can you explain why you want to put this directory in a different location?

For me I don’t want to add a new line to .gitignore for every module that needs a cache folder. So if there’s an easy way to define this globally, or in config, I’d prefer to supply a path that is already ignored.

rhys-vdw on Nov 8, 2018