rollup 怎么处理 图片

来源:11-6 rollup babel+json+terser插件

希卡利

2020-08-28

如果我需要在 libs 库里面引用图片,我应该怎么用 rollup 去处理图片?
例如:图片都自动转换成 base64
例如:图片会打包到一个文件夹中,然后自动修改对应的地址

写回答

1回答

扬_灵

2020-08-28

同学你好,这里需要安装一下rollup-plugin-img插件,使用方式如下

import image from 'rollup-plugin-img';
 image({
    output: `${distPath}/images`, // 打包后的文件
    extensions: /\.(png|jpg|jpeg|gif|svg)$/,
    limit: 8192,  // 文件大小的限制(字节)。当一个文件没有超过限制时,它将被转换为 base64字符串,否则,它将被复制到output下
    exclude: 'node_modules/**'
  })

如果帮到了你,欢迎采纳。

0
3
扬_灵
回复
希卡利
也是插件的问题,rollup提供了类似的插件@rollup/plugin-alias
2020-08-28
共3条回复

数据可视化入门到精通-打造前端差异化竞争力

同级别前端,掌握数据可视化薪资更高

1525 学习 · 1043 问题

查看课程