解决内网环境中node-sass不能下载从而导致构建失败的问题

0 阅读1分钟

在公司内网中,通过Jenkins自动化打包构建,由于只能在公司内网中进行操作,但是node-sass的包默认是从github上下载的,从而导致打包失败。 如下图所示:

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-oqpEf2ok-1576227674202)(evernotecid://621D2FF6-4E72-4E02-9043-55F31F42819B/appyinxiangcom/22553815/ENResource/p962)]

解决步骤

下载对应版本的node-sass包

  • 可以从GitHub上去下载对应版本的node-sass包
https://github.com/sass/node-sass/releases/

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-0vNg51T2-1576227674205)(evernotecid://621D2FF6-4E72-4E02-9043-55F31F42819B/appyinxiangcom/22553815/ENResource/p960)]

  • 如果网速太慢可以在淘宝镜像中下载
http://npm.taobao.org/mirrors/node-sass

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-r5vFDDPE-1576227674205)(evernotecid://621D2FF6-4E72-4E02-9043-55F31F42819B/appyinxiangcom/22553815/ENResource/p961)]

将下载的包根据版本放在服务器上

在Jenkins中,由于是在容器内部进行构建的,所以在拉起容器的时候,将宿主机的某一个目录需要挂载到容器内部的一个目录,

docker run -t -d -u root -v /home/local/npm/repository:/root/.npm node:8.16 cat

在这里是将宿主机的/home/local/npm/repository目录挂载到容器中/root/.npm,这里其实是将npm的缓存目录挂载到了宿主机中,从而提高每次npm install的速度。

在宿主机的/home/local/npm/repository目录中,新建一个node-sass目录,在这个目录下新建一个版本文件夹:4.12.0,在这个目录中,将下载的linux-x64-57_binding.node放在这个目录下

在宿主机中的目录结构为:

/home/local/npm/repository/node-sass/4.12.0/linux-x64-57_binding.node

在容器中的目录结构:

/root/.npm/node-sass/4.12.0/linux-x64-57_binding.node

增加打包命令

在原有的npm install执行之前增加命令:

export SASS_BINARY_SITE=/root/.npm/node-sass

最后的打包构建命令为:

export SASS_BINARY_SITE=/root/.npm/node-sass;
npm install -d;
npm run build;

然后重新构建就可以打包成功了。