Gatsby: What's a good way to include an external JS file?

[jd327]

Trying to add this: https://github.com/rishabhp/bideo.js (which has no npm module)
Where do I put it so it gets bundled?

[KyleAMathews]

Just require it. It doesn't look like it has any exports so copy it into your site and require it into your _template.js

[jd327]

Could you give an example? I'm just getting Module not found: Error: Cannot resolve module 'bideo'. Is this because it doesn't export anything?

[jd327]

Nvm, I got it. Thank you @KyleAMathews.

[franva]

Hi @ivanakimov how did you do it?
I'm trying to reference google place api

 Autocomplete = require("https://maps.googleapis.com/maps/api/js?key=MY_API&libraries=places&callback=initAutocomplete");

        autocomplete = new this.Autocomplete(
            /** @type {!HTMLInputElement} */this.searchTextBox,
            {types: ['geocode']});

but got an error:

Module not found: Error: Cannot resolve module 'https://maps.googleapis.com/maps/api/js' in my jsx file

Please help~!

[jd327]

@franva this is not the same thing. I was requiring a file within my own project. If you want to include the Google Maps API, you're gonna have to use a <script> tag: https://developers.google.com/maps/documentation/javascript/examples/map-simple

[franva]

Hi @ivanakimov I tried that way as well, but no luck. Here is my question:
https://stackoverflow.com/questions/50274502/load-google-place-api-in-gatsbyjs-reactjs-project