ruby-on-rails - sass/scss 文件是否会编译以在每个用户页面加载时渲染最终的 css 文件?

标签 ruby-on-rails heroku sass less

我正在使用常用工具(rails pipeline 和rails sass(gem 'sass-rails')创建一个 ruby​​ on Rails 应用程序并部署到 Heroku。

我是新手,我无法理解 scss/sass 的是:

  • 当我在heroku上部署时,只将.css文件发送到生产服务器,或者每次用户加载主页时,herokus服务器都需要转换我的scss文件和$变量以将“最终”css文件提供给客户?

我可以在开发模式而不是生产模式下应对更长的编译时间(我宁愿避免它)。至少我需要知道即使在生产中,下面示例中给出的 css 是否需要去获取 scss 文件

示例:

.brand {
    @include vertical-align(absolute);
    color: $brandColor;
    right: 1em;
}

最佳答案

在生产中,资源被预编译,生成 2 个缩小的文件,一个用于 javascript,一个用于 css。
在开发过程中,它们会根据每个请求进行预编译,但您可以通过更改 development.rb 文件中的一些选项来模拟缩小的版本。

关于ruby-on-rails - sass/scss 文件是否会编译以在每个用户页面加载时渲染最终的 css 文件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36694225/

相关文章:

ruby-on-rails - 如何安排 Rails 邮件在特定日期发送 (heroku)?

ruby-on-rails - 两个 Rails 应用程序之间的共享模型 - 工作流的理想解决方案是什么?

docker - 使用heroku.yml构建docker期间发生奇怪的错误

node.js - 如何在 Heroku Node Express 应用程序中使用 LetsEncrypt SSL 证书?

javascript - Node.js 上传到 Heroku 时出错,Web 进程在启动后 60 秒内无法绑定(bind)到 $PORT

css - 背景图像中的 SVG

ruby-on-rails - rails 3 - 在资源上使用 form_for 时出现路径错误

javascript - 带有 javascript_include_tag 的 Rails 3.2.8 引擎中的 ExecJS::RuntimeError

css - 在 Rails 3.1 应用程序中使用@font-face?

sass - 你如何将所有 sass 文件与 webpack 捆绑在一起?