feat: add svelte-preprocess-import-assets

bbtgnn · Feb 25, 2024 · de41dea · de41dea
1 parent 5eda2f6
commit de41dea
Show file tree

Hide file tree

Showing 5 changed files with 30 additions and 10 deletions.
diff --git a/package.json b/package.json
@@ -44,6 +44,7 @@
 		"@sinclair/typebox": "^0.32.14",
 		"@sveltejs/adapter-static": "^3.0.1",
 		"date-fns": "^3.3.1",
-		"effect": "^2.4.0"
+		"effect": "^2.4.0",
+		"svelte-preprocess-import-assets": "^1.1.0"
 	}
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/lib/utils.ts b/src/lib/utils.ts
@@ -4,8 +4,3 @@ import { base } from '$app/paths';
 export const href = (route: string) => {
 	return base ? `${base}${route}` : route;
 };
-
-// export const asset = (route: string) => {
-// 	const s = import(route)
-// 	return route;
-// };
diff --git a/src/routes/(collections)/organizations/dyne/+page.svelte b/src/routes/(collections)/organizations/dyne/+page.svelte
@@ -1,8 +1,9 @@
 <script lang="ts" context="module">
+	// import {c} from '$lib/index'
 	// import { asset } from '$lib/utils';
-	import logo from './logo.jpeg';
+	// import logo from './logo.jpeg';
 
-	console.log(logo);
+	// console.log(logo);
 
 	export const props = {
 		name: 'Dyne.org',
@@ -14,4 +15,4 @@
 
 <pre>{JSON.stringify(props, null, 2)}</pre>
 
-<img src={logo} alt="dyne logo" />
+<img src="./logo.jpeg" alt="dyne logo" />
diff --git a/svelte.config.js b/svelte.config.js
@@ -1,11 +1,12 @@
 import adapter from '@sveltejs/adapter-static';
 import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
+import { importAssets } from 'svelte-preprocess-import-assets';
 
 /** @type {import('@sveltejs/kit').Config} */
 const config = {
 	// Consult https://kit.svelte.dev/docs/integrations#preprocessors
 	// for more information about preprocessors
-	preprocess: [vitePreprocess({})],
+	preprocess: [importAssets(), vitePreprocess({})],
 
 	kit: {
 		// adapter-auto only supports some environments, see https://kit.svelte.dev/docs/adapter-auto for a list.