啊！这磨人的小妖精！node-sass在docker镜像中安装的正确姿势

最新推荐文章于 2025-03-18 10:33:04 发布

原创

最新推荐文章于 2025-03-18 10:33:04 发布 · 684 阅读

9 ·

CC 4.0 BY-SA版权

文章标签：

#sass #docker #前端 #css #容器

本文讲述了作者在阿里云GitLab CICD构建前端Vue工程时，由于docker镜像构建过程中node-sass安装时常超时，导致编译速度缓慢甚至失败。通过查阅资料，了解到可以自定义node-sass的binary源和路径，预先下载binding.node文件并在Dockerfile中设置SASS_BINARY_PATH环境变量，从而解决了问题，提高了docker构建的效率。

背景

最近笔者发现ali_cloud上的gitlab CICD build 前端vue工程docker镜像一直很慢，快的时候7，8分钟，慢的时候40分钟，慢就慢了且常常40多分钟的时候给我来下个failed

找原因

顶着屏幕看了下docker build image的log打印过程。。。找到原因了。
卡在了这一步

Downloading binary from https://github.com/sass/node-sass/releases/download/v4.12.0/linux-x64-64_binding.node

时常会下载node-sass binary包timeout，并导致走另外一条路去下载它的source，做一个漫长的gyp编译过程。

如何解决

查了下一下node-sass的官网，对于获取binary，支持自定义的site和path
sass-binary-site
sass-binary-path
既然这样就好办了，我们可以自行下载对应版本的binding.node文件，并在Dockerfile里加上SASS-BINARY-PATH,这样就不用去不稳定的外网下载了。
来看下Dockerfile

FROM node:10.16.3 as builder

# Create and go into app home
WORKDIR /usr/src/app
COPY package.json ./
ARG envArg=devserver 
RUN npm config set registry=https://registry.npm.taobao.org
RUN mkdir -p /usr/src/app/node-sass
COPY binding.node /usr/src/ap