Настраиваем копирование изображений в RollupJS для Svelte. Полное руководство можно узнать на официальном сайте. Здесь короткая выдержка по существу.
Устанавливаем специальный плагин для этих целей. Он называется rollup-plugin-copy.
yarn
yarn add rollup-plugin-copy -D
npm
npm install rollup-plugin-copy -D
В файле rollup.config.js добавляем конфигурацию.
// Добавляем импорт плагина:
import copy from 'rollup-plugin-copy'
// Далее может быть какой-то другой код. Нам нужно вставить копирование внутрь конфигурации plugins:
plugins: [
// Для примера что может быть еще среди плагинов:
svelte({
dev: !production,
css.write('public/portfolio/build/portfolio.css');
},
// SCSS
preprocess,
}),
// Добавляем путь копирования в это место:
copy({
targets: [
{src: 'templates/img/*', dest: 'public/portfolio/build/img'}
]
})
],
import copy from 'rollup-plugin-copy'
// Далее может быть какой-то другой код. Нам нужно вставить копирование внутрь конфигурации plugins:
plugins: [
// Для примера что может быть еще среди плагинов:
svelte({
dev: !production,
css.write('public/portfolio/build/portfolio.css');
},
// SCSS
preprocess,
}),
// Добавляем путь копирования в это место:
copy({
targets: [
{src: 'templates/img/*', dest: 'public/portfolio/build/img'}
]
})
],
Далее стандартный вывод изображений в шаблонах Svelte:
<img src="build/img/logo/{share}.png" width="30" />
