如何设置 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? 的相关文章

  • 节点未找到全局模块

    所以我意识到这是一个相当通用的标题和问题 但我已经搜索了很多答案 但遗憾的是它们似乎都不适合我 我希望通过我自己提供更多信息 也许有人有一个具体的答案 或者确切地知道将我重定向到哪个答案 我的问题 当我全局安装节点模块时 例如npm ins
  • Javascript 从 Buffer 到 JSON

    我正在使用 bleno 一个 Node js BLE 包 它使用 Buffer 来发送和接收数据 我将如何获取 Buffer 对象并将其转换为 JSON 这就是我现在所拥有的 bufferToJson buffer toString buf
  • Node + now.js + 模型-视图-控制-模式

    我正在使用基于 MVC 模式 模板和 PHP 类 的论坛软件 页面如下所示 domain com index php page Test 我想使用 Node 和 now js 在一个页面 domain com index php page
  • ExpressJS & Websocket & 会话共享

    我正在尝试制作一个基于 Node js 的聊天应用程序 我想强制 websocket 服务器 ws 库 使用 ExpressJS 会话系统 不幸的是 我被困住了 用于获取会话数据的 MemoryStore 哈希值与 cookie 中的会话
  • 如何与使用 child_process.spawn 创建的新创建的服务器交互

    我正在尝试为我的私人托管的 反恐精英全球攻势 服务器制作一个前端 当我点击运行服务器时 在前端 一切正常 服务器启动并记录到控制台 但是如何查看服务器IP地址 服务器中的玩家等信息呢 这是我到目前为止运行服务器的内容 router post
  • 如何在 NodeJs 中发送 Google 索引批量请求的多部分/混合请求?

    我正在使用 Nodejs 进行连接谷歌API v35 0 0 https www npmjs com package googleapis告诉 Google 更新或从 Google 索引中删除页面 当我通过发送请求时 我陷入了多部分 混合请
  • axios 在发送数据时给我将循环结构转换为 json 错误

    我的代码如下所示 axios post https api sandbox xyz com v1 order new JSON stringify request v1 order new nonce 123462 client order
  • Node.js 找不到模块“mongodb”

    我正在经历我的第一个 Node js 项目 我已经安装了 mongodb 有一个 server js 文件 当我尝试运行它时 出现此错误 module js 340 throw err Error Cannot find module mo
  • 如何以非root用户身份运行node.js?

    我正在运行一个 node js 服务器 它将服务端口 80 上的请求等 显然 这需要应用程序以 root 身份运行 在 Linux 上 正在看这个帖子 http syskall com dont run node dot js as roo
  • npm WARN checkPermissions 缺少写入权限

    我一直在尝试解决在 Mac 上不使用 sudo 运行节点的问题 但我不断收到此消息 npm WARN checkPermissions Missing write access to Users myuser npm packages li
  • 如何使用 chrome puppeteer 访问 ssl 证书内容

    我想使用 chrome puppeteer 访问 url 的证书详细信息 是否可以使用当前的 puppeteer API 来做到这一点 使用以下代码获取证书列表 结果无法直接读取 将每个条目存储在具有 pem 扩展名的文件中 BEGIN C
  • 获取与请求

    我正在使用 JSON 流并尝试使用 fetch 来使用它 该流每隔几秒发出一些数据 仅当流关闭服务器端时 使用 fetch 来使用流才可以访问数据 例如 var target the url var options method POST
  • 有条件地使用 Node.js 提供两个 React 构建

    我有两个基于设备向客户端提供服务的 React 应用程序 我使用 Node js 和 Express 来实现这一点 我借了static资产处理部分来自这个问题在这里 https stackoverflow com questions 644
  • Django 1.6:如何在视图中访问静态文件

    我已经尝试过解决方案here https stackoverflow com questions 11721818 django get the static files url in view这对我不起作用 我正在为 Python 创建一
  • Model.find() 在猫鼬中返回空[重复]

    这个问题在这里已经有答案了 我正在使用 mongoose 来列出 mongodb 数据库中集合中的所有数据 从请求中 http localhost 3000 listdoc model Organization 我正在执行以下代码 expo
  • nodejs gmail api不支持承诺

    Google 推荐使用承诺 https developers google com api client library javascript features promises 但它的代码示例没有 当我修改代码时 我正在努力使 gmail
  • 使用 grunt 编译具有不同变量的 LESS

    我有基于 Bootstrap 的 HTML 模板 有不同的颜色 红色 绿色等 颜色正在改变使用 brand变量在variables less 现在我转到这个文件 更改变量 编译 less 文件 进入已编译的 css 文件目录并重命名 CSS
  • Node.js - Async.js:并行执行如何工作?

    我想知道 async js 中并行执行是如何工作的 async require async async parallel function callback for var i 0 i lt 1000000000 i Do nothing
  • NodeJS 中的缩进多行日志记录

    我要打印JSON stringify d 反对控制台 将上下文作为 Mocha 测试套件输出的一部分 当测试缩进时 我希望对象日志行向右缩进足够远 例如 3 4 个制表符空格 以便它们可以识别地位于右侧describe group 我怎样才
  • 使用 Passport-jwt 授权 jwt 令牌时获取 401 未经授权的状态

    成功登录后 我获得了 jwt 令牌 现在要访问受限 api 我正在发送授权标头 但我总是收到 401 未经授权 我已经提到过这个使用 Passport jwt 验证节点 API https stackoverflow com q 35528

随机推荐