如何设置 Gruntfile 在 heroku 上使用 compass/sass?

2023-11-23

我已经成功设置了我的heroku应用程序咕噜构建包。当我将 Node.js 应用程序推送到 heroku 时,它将运行适当的 grunt 任务。

我想要的是使用 'grunt-contrib-compass' 包来编译我的 .scss 文件。但这需要指南针可执行文件,我不知道如何获得它。

我检查了heroku文档并看到了描述使用 ruby​​ 设置指南针的过时文档...但我还没有看到任何最近使用 Node.js 设置它的文档。

有任何想法吗?


这花了很多时间弄清楚,但我终于设法让它发挥作用。需要的是让 Ruby 与 Node.js 应用程序一起安装,以便您可以安装适当的 gem。这个要点非常有帮助,或多或少描述了我需要做什么。

概括来说,过程是:

  • 创建文件.buildpacks, Gemfile, and Gemfile.lock在项目目录中,内容如下:

.buildpacks

https://github.com/heroku/heroku-buildpack-ruby.git
https://github.com/heroku/heroku-buildpack-nodejs.git

Gemfile

source "http://rubygems.org"
gem "sass"

Gemfile.lock

GEM
  remote: http://rubygems.org/
  specs:
    sass (3.4.5)

PLATFORMS
  ruby

DEPENDENCIES
  sass

注意。我只使用 Sass,而不使用 Compass,但我猜你需要做的就是添加指南针gem "compass"到 Gemfile,例如。compass (1.0.3)Gemfile.lock 中的 sass 下方。

  • 将多构建包添加到您的应用程序:

    heroku config:add BUILDPACK_URL=https://github.com/ddollar/heroku-buildpack-multi.git

  • 最后,将它们推送到 Heroku,Ruby 和 Sass 应该与您的 Node.js 应用程序一起安装,从而允许您使用与 sass 相关的 grunt 任务。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何设置 Gruntfile 在 heroku 上使用 compass/sass? 的相关文章

随机推荐