Is it possible to serve Static files with create-react-app from public folder?

by

Yes, you can place assets in the static folder.

Docs: Using the Public Folder

  • You can reference the path in index.html with %PUBLIC_URL%/path/resource.
  • You can use process.env.PUBLIC_URL + '/path/resource' in javascript code.

Both of these approaches are replaced at build time for your final build.

If these are javascript assets, the build will not be aware of them. You need to structure it as an external javascript library and store them in a global variable that you can reference within your code. Then you can load that javascript library in your index.html

More Related Contents:

  1. React – Dynamically Import Components
  2. Handle response – SyntaxError: Unexpected end of input when using mode: ‘no-cors’
  3. React ‘cannot read property of undefined’ when using map
  4. How can I communicate between related react components?
  5. When to use functional setState
  6. How to pass data from a page to another page using react router
  7. How to call loading function with React useEffect only once
  8. Applying className/onClick/onChange not working on Custom React Component
  9. How to use componentWillMount() in React Hooks?
  10. How to access custom attributes from event object in React?
  11. this.setState isn’t merging states as I would expect
  12. Warning: Each child in a list should have a unique “key” prop even tho it has unique key React
  13. Can’t type in React input text field
  14. How to sync Redux state and url hash tag params
  15. Webpack output is empty object
  16. Single Page Application and CSRF Token
  17. Changing the layout of a component depending on Redux state
  18. What is useState() in React?
  19. When should you NOT use React memo?
  20. Service Worker registration error: Unsupported MIME type (‘text/html’)
  21. Proper way of using React hooks + WebSockets
  22. Programmatically change Redux-Form Field value
  23. Component won’t update when a redux state change occurs
  24. React: adding props to an existing component
  25. React Error: “SharedArrayBuffer is not defined” in Firefox
  26. Exporting functions with reactjs and babel
  27. passing data from child to parent component – react – via callback function
  28. FastAPI is not returning cookies to React frontend
  29. React Functional component: calling as function vs. as component
  30. Enzyme simulate an onChange event

Leave a Comment