与 Parcel 捆绑时将图像作为数据 URI 移动到 CSS

问题描述

我有一个 React 应用程序,我从 Create React App 开始。我需要将它部署为可嵌入的小部件,因此希望它的文件尽可能少。

为此,我使用 Parcel.js

添加了这样的包裹:

yarn add --dev parcel-bundler

并在我的 package.json 中添加

"build:widget": "parcel build src/index.js --no-source-maps -d docs"

所以现在我可以像这样捆绑我的应用程序进行嵌入:

yarn build:widget   

在我的 React App.js 中,我包含这样的样式:

import './style/app.scss'; 

这没问题,但我的图像仍然在 css 中作为单独的文件引用。如何配置 Parcel 以将它们作为数据 uri 内联到 css 中?

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)