RollupJS — как настроить копирование изображений

Admin RollupJS, Svelte

Настраиваем копирование изображений в 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'}
        ]
    })
],

Далее стандартный вывод изображений в шаблонах Svelte:

<img src="build/img/logo/{share}.png" width="30" />
Официальный сайт
npmjs.com/package/rollup-plugin-copy

На сайте отсутствует реклама! Значете почему?

Помогать людям - моё хобби. А навыки разработчика позволяют не парится нулевой монетизизацией этого сайта. Хотя...

Если вам помогла информация, то даже от доната в 40 рублей мне будет приятно. Докину немного, куплю латте в макдаке, вспомню за чей счет банкет и карма вам зачтется!

Но и просто оставленный комментарий благодарности ниже принесет мне улыбку радости :)

А если захочется написать всякие гадости с переходом на личности, да тоже не стесняйтесь, но обычно я отправляю такое в спам. Люблю, когда дома чисто.

Добавить комментарий

Напишите свой комментарий, если вам есть что добавить/поправить/спросить по теме текущей статьи:
"RollupJS — как настроить копирование изображений"