How to handle static images

[JeremyBradshaw7]

Trying to migrate an existing RN app to the web.

I have some static image assets that I render with something like:

<Image source={require('assets/cpd_list_view.png')} />

But getting errors like this:

Module not found: Error: Can't resolve 'assets/cpd_list_view.png' in '/Users/jeremybradshaw/ccfw/src/screens/FADemo'

Prefixed with these errors which may be related:

Compiled with problems:

ERROR in ./node_modules/@react-native/assets/path-support.js 13:12

Module parse failed: Unexpected token (13:12)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| 'use strict';
| 
> import type {PackagerAsset} from './registry.js';
| 
| const androidScaleSuffix = {


ERROR in ./node_modules/@react-native/assets/registry.js 13:7

Module parse failed: Unexpected token (13:7)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| 'use strict';
| 
> export type PackagerAsset = {
|   +__packager_asset: boolean,
|   +fileSystemLocation: string,

I've added my assets folder to the webpack config: