Including scripts from /public doesn't work

I updated react-scripts to 0.5.1 and moved my index.html file to /public along with some javascript files from vendors. Now I have the following structure:

- node_module
  - ...
- public
  - vendor/abc.js
  - index.html
- src
  - App.js
  - index.js

Lets say abc.js does window.abc = 1, when the app loads, window.abc is undefined, so the script is not loading.

Here’s how I am including it in index.html:

    <script type="text/babel" src="vendor/abc.js"></script>

Note: I also tried using %PUBLIC_URL% with no luck. Though everything is under /public, so I am not sure if its needed.

[gaearon]

Please see the user guide: using global variables.

const Vibrant = window.Vibrant;

Then you can use it.

This way it’s clear you intentionally used a global variable rather than made a typo.

[yarnball]

Spot on. Thank you