如何解决仅文件复制和保留导入的汇总图像导入
我花了很多时间尝试了一些带有 rollup 的插件来保持正常的图像导入。
当我用 tsc 编译时,我没有编译问题,因为我的图像导入是从以下编译的:
import myImage from '../../images/my-image.jpg'
到
const myImage = tslib_1.__importDefault(require( '../../images/my-image.jpg'));
但是现在使用汇总,我发现导入图像的唯一正确方法是使用 @rollup/plugin-image
但由于 base64 转换,它增加了 30% 的包大小。
我尝试了 @rollup/plugin-url
,但该插件创建了一个 my-image.js
文件,用于导出我的图像路径。当从其他应用程序导入组件时,这不起作用,因为 webpack(例如)不知道必须导入此路径。
我也试过 rollup-plugin-rebase
,这正是我要找的,但是preserveModule 有问题,所以导入是这样捆绑的
import myImage from '../Title/my-image.jpg' (Title is the last folder on the same subfolder)
我也尝试过 rollup-plugin-smart-assets
,但也有路径问题。
我想的最后一个解决方案是忽略汇总中的图像解析,仅使用复制插件复制图像文件夹。但是我不知道如何忽略汇总中的那些文件解析。
谢谢,如果不清楚或需要更精确,请随时问我。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。