Как настроить путь к встроенным ресурсам (assets) в Svelte?

Как изменить путь до встраиваемых ассетов в сгенерированных файлах после сборки для проекта Svelte kit? Например, у меня есть следующий код:

```
<script>
  import svelteLogo from './assets/svelte.svg'
</script>

<main>
  <div>
    <a href="https://svelte.dev" target="_blank" rel="noreferrer">
      <img src={svelteLogo} class="logo svelte" alt="Svelte Logo" />
    </a>
</main>
```

Вместо ожидаемого пути `/app/assets/svelteLogo.tralala.svg`, получаю путь `/assets/svelteLogo.tralala.svg`. Я хотел бы настроить сборку таким образом, чтобы генерировались пути соответствующие паттерну `/app/assets` в результирующем наборе файлов в папке `dist`, без необходимости указывать пути в `svelte.config.json`, `kit.paths.base` или `kit.paths.assets`, а также без изменения импорта файла в `.svelte` файле.
  • 25 октября 2023 г. 1:48
Ответы на вопрос 1
Для настройки пути к встроенным ресурсам (assets) в проекте Svelte Kit, вы можете использовать опцию `kit.paths.assets` в файле `svelte.config.js`. 

1. Создайте файл `svelte.config.js` в корневой папке проекта, если его еще нет.
2. В файле `svelte.config.js`, добавьте следующий код:

```javascript
export default {
  kit: {
    // ...
    paths: {
      // ...
      assets: '/app/assets'
    }
  }
};
```

Обратите внимание, что путь `/app/assets` указывается без точки в начале, чтобы указать полный путь от корневой папки проекта.

После этого, при сборке проекта, сгенерированные файлы будут содержать пути соответствующие паттерну `/app/assets`.
Похожие вопросы