title: How to include local javascript on a Gatsby page?
body: <p>I'm a total React newbie and I guess there is something fundamental I don't quite understand here. A default Gatsby page looks like this. Is there a way to use a local .js file somewhat like this?</p>
  
  <pre><code>&lt;script src="../script/script.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>What I would like to achieve is to have react ignore <code>script.js</code> but still have the client side use it. A default Gatsby page looks like this, is it possible to do somerthing like that there?</p>
  
  <pre><code>import React from "react"
  import { Link } from "gatsby"
  
  import Layout from "../components/layout"
  import Image from "../components/image"
  import SEO from "../components/seo"
  
  const IndexPage = () =&gt; (
    &lt;Layout&gt;
      &lt;SEO title="Home" keywords={[`gatsby`, `application`, `react`]} /&gt;
      &lt;h1&gt;Hi people&lt;/h1&gt;
      &lt;p&gt;Welcome to your new Gatsby site.&lt;/p&gt;
      &lt;p&gt;Now go build something great.&lt;/p&gt;
      &lt;div style={{ maxWidth: `300px`, marginBottom: `1.45rem` }}&gt;
        &lt;Image /&gt;
      &lt;/div&gt;
      &lt;Link to="/page-2/"&gt;Go to page 2&lt;/Link&gt;
    &lt;/Layout&gt;
  )
  </code></pre>