Storybook webpack autobuild no longer works with storybook-design-token options

[Kavallier]

Hi.
I've recently implemented the design tokens, thanks to your help, and everything looks great.
I'm noticing however that when I change a file (scss/js) the Storybook webpack build no longer happens automatically.
When I comment out the following lines, autobuild happens successfully again.

{
  name: "storybook-design-token",
  options: {
    designTokenGlob: "**/*_tokens.scss"
  }
}

Have you ever seen this before, and would you know how to resolve?

[lukethacoder]

Ran into a similar issue. Managed to get it working by not defining the designTokenGlob here but instead in an .env file.

DESIGN_TOKEN_GLOB=**/*_tokens.scss

[Sqrrl]

Thanks for the insight. I will have a look at it.

[Kavallier]

Thank you. I’ll try it out

[Kavallier]

Seems to be related to the glob configuration. Won't autobuild on any scss file change, other than the one defined in designTokenGlob, but will autobuild on any other filetype change.

[Sqrrl]

I will look into this. Can you confirm that the issue doesn't occur when using the DESIGN_TOKEN_GLOB env var?

[Kavallier]

Issue still occurs for me even with the env variable

[ankuragarwalait]

@Sqrrl Any update on this.. Have the same issue with
{ name: "storybook-design-token", options: { designTokenGlob: "**/*_tokens.scss" } }

Did observe an error in the browser console. Not sure if related but thought might be worth putting out here.

@Kavallier Did the autobuild work for you for other JS changes you make. For me none of it does.