问题描述
在使用 Docker 容器部署前端应用程序时，我们需要使用 node-sass 编译 sass 文件。但是，在某些情况下，我们会遇到一些错误，例如：
Error: Node Sass does not yet support your current environment: Linux 64-bit with Unsupported runtime (72)
这个错误是由于 node-sass 不支持当前环境导致的。那么，如何解决这个问题呢？
解决方案
解决这个问题的方法是使用 node-sass 的二进制文件，而不是从源代码编译。这个方法可以避免编译错误，同时提高编译速度。
步骤一：安装 node-sass 二进制文件
在 Dockerfile 文件中添加以下命令，安装 node-sass 的二进制文件：
RUN npm install -g node-sass --sass-binary-name=linux-x64-72
注意，这里的 --sass-binary-name 参数值需要与当前环境的 Node.js 版本匹配。
步骤二：使用 node-sass 编译 sass 文件
在项目的 package.json 文件中，添加以下命令：
"build-css": "node-sass --output-style compressed -o dist/css src/scss"
这个命令将会使用 node-sass 编译 src/scss 目录中的所有 sass 文件，并将编译结果输出到 dist/css 目录中。
示例代码
以下是一个示例 Dockerfile 文件：
-- -------------------- ---- ------- ---- ------------------- ------- ---- ---- ------------- -- --- --- ------- --- --- ------- -- --------- ------------------------------- ---- - - --- --- --- ----- --- ------- --------
在项目的 package.json 文件中，添加以下命令：
"build": "npm run build-css && webpack --config webpack.config.js", "build-css": "node-sass --output-style compressed -o dist/css src/scss"
以上命令将会使用 node-sass 编译 src/scss 目录中的所有 sass 文件，并将编译结果输出到 dist/css 目录中。同时，使用 webpack 打包项目。
总结
使用 node-sass 的二进制文件可以避免编译错误，并提高编译速度。在 Docker 容器中部署前端应用程序时，我们可以按照以上步骤解决编译 sass 文件时出现的错误。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6600ea9ad10417a222c11a98