How to resolve 3rd party library assets paths in CRA application?

Asked Jul 03 '20 at 12:26

Active Jul 03 '20 at 12:41

Viewed 68 times

I have a prebuilt es5 module (say library) that has the following structure:

node_modules
|
`- library
    |
    `- build
        |
        `- images
        |   - img1.svg
        |   - img2.svg
        |   - logo.svg
        |    ...
        ` - package.json
        ` - index.js

library module exports ui components including Logo that renders an img element:

<img src="/images/logo.svg">

When I'm using Logo in CRA app, an /images/logo.svg path is not resolved correctly and Logo displays an empty image. Is there any way to copy library images and resolve paths during the build step? Wish to avoid copying images into /public folder manually as well as ejecting CRA.

Thanks in advance.

edited Jul 03 '20 at 12:41

asked Jul 03 '20 at 12:26

oozywaters

1,171
1
8
17

`` It seems you have mis-spelled the term `images`. Check this – Darsh Shah Jul 03 '20 at 12:29
That's a typo, thanks. – oozywaters Jul 03 '20 at 12:36
Check this, it might help: [here](https://stackoverflow.com/questions/32612912/dynamically-add-images-react-webpack) – Darsh Shah Jul 03 '20 at 12:39
`` Try this way. – Darsh Shah Jul 03 '20 at 12:41

How to resolve 3rd party library assets paths in CRA application?

0 Answers0