feat(svelte.config.js): path.assets を production build 時には `CF_PAGE…

…S_URL` にすることで画像pathを絶対URLにする
vim-jp-radio · Jun 28, 2024 · ed720e2 · ed720e2
1 parent fd53d51
commit ed720e2
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 0 deletions.
diff --git a/package.json b/package.json
@@ -30,6 +30,7 @@
 		"eslint": "^9.5.0",
 		"eslint-plugin-format": "^0.1.2",
 		"eslint-plugin-svelte": "^2.41.0",
+		"std-env": "^3.7.0",
 		"svelte": "5.0.0-next.166",
 		"svelte-check": "^3.8.4",
 		"svelte-eslint-parser": "^0.36.0",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/svelte.config.js b/svelte.config.js
@@ -1,6 +1,8 @@
+import process from 'node:process';
 import path from 'node:path';
 import adapter from '@sveltejs/adapter-static';
 import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
+import { isDevelopment } from 'std-env';
 
 /** @param {...string} args */
 function relativePath(...args) {
@@ -34,6 +36,10 @@ const config = {
 		alias: {
 			$: relativePath('src'),
 		},
+
+		paths: {
+			assets: isDevelopment ? '' : process.env.CF_PAGES_URL,
+		},
 	},
 };