Reference to local files

Hi,

How would one reference say some local .css file that’s located in dist folder next to my .storybook folder?

I’ve seen the examples of using head.html but every example has references to anything else but local files.

Br, Dan

[thani-sh]

Hi Dan,

You can use the -s --static-dir argument to serve additional files. Try changing your npm script to something like this:

{
  ...
  "scripts": {
    "storybook": "start-storybook -p 9001 -s ./dist"
  }
  ...
}

dist/style.css should be available at http://localhost:9001/style.css

[lambert-velir]

@mnmtanish Hi, I’m loading some external css and js in my preview-head.html like described above with --static-dir, and they’re loading great, with sourcemaps and everything!

However, storybook doesn’t reload when those files change. Is there a way to do that?