Include npm packages as global in next/head #16952

Kingsy · 2020-09-09T00:04:54Z

Kingsy
Sep 9, 2020

Hello all,

So I have a static script I am including in the _app.js as so.

        <Head>
            <script
                type="text/javascript"
                src="/static/custom.prism.js"
            ></script>
        </Head>

This expects jquery to be present as $. I have jquery installed on my application with npm, and I am using it elsewhere successfully with import $ from 'jquery'. However how do I require jquery in the <Head> before my custom.prism.js file is loaded so it is able to find and use the $ variable?

I understand I could just scrap jquery in npm and include it as above but I do like the idea of being able to use npm to upgrade jquery if I want.

Any input would be great.

Thanks

Chris

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Include npm packages as global in next/head #16952

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{editor}}'s edit

{{editor}}'s edit

Uh oh!

Replies: 0 comments

Select a reply

Uh oh!

Include npm packages as global in next/head #16952

Uh oh!

Uh oh!

Kingsy Sep 9, 2020

Replies: 0 comments

Kingsy
Sep 9, 2020