diff --git a/examples/cloudflare-pages/app/routes/_index.tsx b/examples/cloudflare-pages/app/routes/_index.tsx
index c3d1c33..e907533 100644
--- a/examples/cloudflare-pages/app/routes/_index.tsx
+++ b/examples/cloudflare-pages/app/routes/_index.tsx
@@ -1,5 +1,6 @@
import type { LoaderFunctionArgs } from '@remix-run/cloudflare'
import { useLoaderData } from '@remix-run/react'
+import logoDark from '/logo-dark.png?inline'
export const loader = (args: LoaderFunctionArgs) => {
const extra = args.context.extra
@@ -23,6 +24,7 @@ export default function Index() {
Extra is {extra}
Var in Variables is {myVarInVariables}
waitUntil is {isWaitUntilDefined ? 'defined' : 'not defined'}
+
)
}
diff --git a/examples/cloudflare-pages/e2e.test.ts b/examples/cloudflare-pages/e2e.test.ts
index 5de7c85..a28efc4 100644
--- a/examples/cloudflare-pages/e2e.test.ts
+++ b/examples/cloudflare-pages/e2e.test.ts
@@ -24,6 +24,9 @@ test('Should return 200 response - /', async ({ page }) => {
const contentH6 = await page.textContent('h6')
expect(contentH6).toBe('waitUntil is defined')
+
+ const imageResponse = await page.goto('/logo-dark.png?inline')
+ expect(imageResponse?.status()).toBe(200)
})
test('Should return 200 response - /api', async ({ page }) => {
diff --git a/examples/cloudflare-pages/public/favicon.ico b/examples/cloudflare-pages/public/favicon.ico
new file mode 100644
index 0000000..8830cf6
Binary files /dev/null and b/examples/cloudflare-pages/public/favicon.ico differ
diff --git a/examples/cloudflare-pages/public/logo-dark.png b/examples/cloudflare-pages/public/logo-dark.png
new file mode 100644
index 0000000..b24c7ae
Binary files /dev/null and b/examples/cloudflare-pages/public/logo-dark.png differ
diff --git a/src/vite-plugin.ts b/src/vite-plugin.ts
index b0d442e..50fe4fa 100644
--- a/src/vite-plugin.ts
+++ b/src/vite-plugin.ts
@@ -31,6 +31,8 @@ export default (options: Options): Plugin => {
'/assets/**',
'/app/**',
'/src/app/**',
+ // matches for vite's import assets suffixes
+ /\?(import(&)?)?(inline|url|no-inline|raw)?$/,
],
injectClientScript: false,
loadModule: async (server, entry) => {