Storybook: How to add a <script> tag?

Created on 4 May 2016  路  5Comments  路  Source: storybookjs/storybook

react-prism recommends to add a script tag directly in the HTML:

<script src="path/to/your/prism.js" ></script>

Is there a way to do this?

question / support
Source
picture moroshko

Most helpful comment

updating the answer: add a preview-head.html to the folder .storybook.

picture helloncanella on 1 Mar 2019
👍5 🚀1

All 5 comments

Yes, there is, but I don't think there's any docs on it yet. See #77.

Basically, create a head.html in your .storybook. That will get included.

_Note: This will add it to <head>_

jeef3 picture jeef3 on 4 May 2016
🎉3 👍3 👎1

Thanks!

moroshko picture moroshko on 4 May 2016

updating the answer: add a preview-head.html to the folder .storybook.

helloncanella picture helloncanella on 1 Mar 2019
👍5 🚀1

There doesn't seem to be a way to do this for local dependencies. What's the best way to get these into stories & the build output?

<script nomodule src="/dist/my-custom-script.js"></script>

Error: ENOENT: no such file or directory, stat '.../my-project/node_modules/@storybook/core/dist/public/dist/my-custom-script.js'

ericclemmons picture ericclemmons on 18 Feb 2020

You can find the doc on the official website at this address: https://storybook.js.org/docs/configurations/add-custom-head-tags/

rdhainaut picture rdhainaut on 7 Mar 2020
👍2
Was this page helpful?
0 / 5 - 0 ratings

Related issues

oriSomething picture oriSomething  路  3Comments
tlrobinson picture tlrobinson  路  3Comments
Jonovono picture Jonovono  路  3Comments
levithomason picture levithomason  路  3Comments
shilman picture shilman  路  3Comments