rollup 怎么处理 图片

Question

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

Answer 1

扬_灵 2020-08-28 17:16:39

同学你好，这里需要安装一下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/**'
  })

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

• 提问者 希卡利 #1

  非常感谢！

• 提问者 希卡利 #2

  老哥，另外一个问题能解决吗？就是 绝对引用路径的，那个我找了一下午都没找到。

• 扬_灵 回复 提问者 希卡利 #3

  也是插件的问题，rollup提供了类似的插件@rollup/plugin-alias