В мире веб-пакетов я могу объединять и получать доступ к изображениям в виде URL-адресов следующим образом, используя загрузчик файлов
Вот так:
const webpackConfig = {
// ...
module: {
rules: [
{
test: /\.(jpg|png|svg)$/,
use: [
{loader: 'file-loader?name=[path][name].[hash].[ext]'}
],
include: paths
}
]
}
}
И используя это, например, в компоненте реакции:
import foo from 'assets/images/foo.png'
function ReactFunctionalComponent () {
return (<img src = {foo} />)
}
Это поместит foo с путем к изображению
Есть ли способ сделать то же самое с rollup js, чтобы я мог иметь ресурс изображения в виде URL-адреса с хешем внутри пакета?





Вы можете добавить функциональность к свертке с помощью плагинов.
В этом случае используйте rollup-plugin-image (https://github.com/rollup/rollup-plugin-image) или rollup-plugin-img (https://github.com/alwaysonlinetxm/rollup-plugin-img), что кажется более гибким.
Учет этого приема позволяет увеличить размер файла.
Важная деталь об этом плагине:
Images are encoded using base64, which means they will be 33% larger than the size on disk. You should therefore only use this for small images where the convenience of having them available on startup