Используя накопительный пакет и плагин postcss, я могу добавить CSS в свой пакет. Однако мой CSS ссылается на некоторые файлы изображений, например. background-image: url(./images/my-image.svg);.
Как я могу настроить postcss / rollup для замены экземпляров CSS url(...) на URI данных и тем самым встроить SVG в пакет?



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


Для этого вы можете использовать плагин postcss-url.
Установите плагин postcss-url в свой проект и добавьте его в массив плагинов postcss в конфигурации накопительного пакета.
const url = require('postcss-url');
const postcss = require("rollup-plugin-postcss");
export default {
plugins: [
postcss({
plugins: [
url({
url: "inline", // enable inline assets using base64 encoding
maxSize: 10, // maximum file size to inline (in kilobytes)
fallback: "copy", // fallback method to use if max size is exceeded
}),
],
}),
],
};
Вы можете настроить резервный механизм в соответствии со своими потребностями.
@ avi-software Да. Я исправил ответ сейчас. Спасибо, что указали на это.
Вы имели ввиду
const url = require("postcss-url");?