Gifsicle 是一个处理 gif 图片的工具,在前端开发中,也经常利用它来进行 gif 图片的压缩工作。由于 Gifsicle 是用c写的,所以一般还需要使用 gifsicle-bin 来进行调用。
背景
在前端工程中,使用了 imagemin-gifsicle 在提交代码前对 gif 图片进行压缩。在本地使用(mac)是正常的,但在 ci 中对项目进行打包时,报了以下错误:
npm ERR! gifsicle@5.1.0 postinstall: `node lib/install.js`
注:亟需解决的可以直接跳过,看最后面的解决方案
原因分析
尝试使用 docker 在本地复现 ci 环境进行打包,打出了更加详细的错误:
> gifsicle@5.1.0 postinstall /home/jenkins/rttest/node_modules/gifsicle
> node lib/install.js
⚠ Response code 404 (Not Found)
⚠ gifsicle pre-build test failed
ℹ compiling from source
✖ Error: Command failed: /bin/sh -c autoreconf -ivf
/bin/sh: 1: autoreconf: not found
at Promise.all.then.arr (/home/jenkins/rttest/node_modules/bin-build/node_modules/execa/index.js:231:11)
at process._tickCallback (internal/process/next_tick.js:68:7)
可以看到,在执行 /bin/sh -c autoreconf -ivf 报错了,原因是没找到 autoreconf 命令。autoreconf 在ci服务器上没有预装是能理解的,再看下为什么需要执行这条命令。
核心代码如下:
## gifsicle/lib/install.js
try {
await bin.run(['--version']);
} catch (error) {
const config = [
'./configure --disable-gifview --disable-gifdiff',
`--prefix="${bin.dest()}" --bindir="${bin.dest()}"`
].join(' ');
try {
await binBuild.file(path.resolve(__dirname, '../vendor/source/gifsicle-1.92.tar.gz'), [
'autoreconf -ivf',
config,
'make install'
]);
} catch (error) {
process.exit(1);
}
}
可以看到,程序先执行了 bin.run(),执行报错才进行下面的逻辑,而下面代码的主要工作是对 vendor/source/gifsicle-1.92.tar.gz Gifsicle 源码的编译,也就是在这一步,报了找不到 autoreconf 的错误。
再看看bin.run()做了什么。
## gifsicle/lib/index.js
const path = require('path');
const BinWrapper = require('bin-wrapper');
const pkg = require('../package.json');
const url = `https://raw.githubusercontent.com/imagemin/gifsicle-bin/v${pkg.version}/vendor/`;
module.exports = new BinWrapper()
.src(`${url}macos/gifsicle`, 'darwin')
.src(`${url}linux/x86/gifsicle`, 'linux', 'x86')
.src(`${url}linux/x64/gifsicle`, 'linux', 'x64')
.src(`${url}freebsd/x86/gifsicle`, 'freebsd', 'x86')
.src(`${url}freebsd/x64/gifsicle`, 'freebsd', 'x64')
.src(`${url}win/x86/gifsicle.exe`, 'win32', 'x86')
.src(`${url}win/x64/gifsicle.exe`, 'win32', 'x64')
.dest(path.join(__dirname, '../vendor'))
.use(process.platform === 'win32' ? 'gifsicle.exe' : 'gifsicle');
很明显,报错是因为下载不到需要的二进制文件,执行里本地编译的操作,找不到 autoreconf 工具,程序退出。
查看 issue
在 gifsicle-bin 仓库中翻着原因,发现作者在 v5.0.0 版本做了一句简单的描述,去除了过时的和不安全的二进制文件,估计 linux 二进制文件就在这个更新中被去除了。
去除之后,也并没有看到要重新添加回来的打算(issue 113),所以只能靠我们先使用一些方法规避掉这个问题。
解决方案
找到原因之后,就有了以下两个解决方案:
将 gifsicle-bin 依赖版本降到 4+及以下;
在 ci 服务器上,安装编译工具,命令如下:
## Linux:
$ sudo apt-get install libtool automake autoconf nasm
## OS X:
$ brew install libtool automake autoconf nasm