rails 在开发中模拟生产资产预编译以解决 css 编译失败
rails mimic production asset precompile in development to resolve css compilation fail
我想弄清楚为什么我的 application.css.scss 文件没有在我的暂存环境中正确预编译。我试图通过将我的本地环境文件替换为与我的暂存文件相同来在本地复制错误。即使我正在为我的本地使用暂存环境设置，预编译后一切仍可用于开发（但不会被丑化，这不是预期的）。
我的设置如下
Rails.application.configure do
# Settings specified here will take precedence over those in config/application.rb.
# Code is not reloaded between requests.
config.cache_classes = true
# Eager load code on boot. This eager loads most of Rails and
# your application in memory, allowing both threaded web servers
# and those relying on copy on write to perform better.
# Rake tasks automatically ignore this option for performance.
config.eager_load = true
# Full error reports are disabled and caching is turned on.
config.consider_all_requests_local = false
config.action_controller.perform_caching = true
# Enable Rack::Cache to put a simple HTTP cache in front of your application
# Add `rack-cache` to your Gemfile before enabling this.
# For large-scale production use, consider using a caching reverse proxy like nginx, varnish or squid.
# config.action_dispatch.rack_cache = true
# Disable Rails's static asset server (Apache or nginx will already do this).
config.serve_static_assets = false
# Compress JavaScripts and CSS.
config.assets.js_compressor = :uglifier
# config.assets.css_compressor = :sass
# Do not fallback to assets pipeline if a precompiled asset is missed.
config.assets.compile = false
# Generate digests for assets URLs.
config.assets.digest = true
# `config.assets.precompile` has moved to config/initializers/assets.rb
# Specifies the header that your server uses for sending files.
# config.action_dispatch.x_sendfile_header = "X-Sendfile" # for apache
# config.action_dispatch.x_sendfile_header = 'X-Accel-Redirect' # for nginx
# Force all access to the app over SSL, use Strict-Transport-Security, and use secure cookies.
# config.force_ssl = true
# Set to :debug to see everything in the log.
config.log_level = :info
# Prepend all log lines with the following tags.
# config.log_tags = [ :subdomain, :uuid ]
# Use a different logger for distributed setups.
# config.logger = ActiveSupport::TaggedLogging.new(SyslogLogger.new)
# Use a different cache store in production.
# config.cache_store = :mem_cache_store
# Enable serving of images, stylesheets, and JavaScripts from an asset server.
# config.action_controller.asset_host = "http://assets.example.com"
# Precompile additional assets.
# application.js, application.css, and all non-JS/CSS in app/assets folder are already added.
# config.assets.precompile += %w( search.js )
# Ignore bad email addresses and do not raise email delivery errors.
# Set this to true and configure the email server for immediate delivery to raise delivery errors.
config.action_mailer.raise_delivery_errors = false
config.action_mailer.default_url_options = { :host => '' }
config.action_mailer.perform_deliveries = true
config.action_mailer.delivery_method = :smtp
config.action_mailer.smtp_settings = {
:address => "smtp.gmail.com",
:port => 587,
:user_name => '',
:password => '',
:authentication => 'plain',
:enable_starttls_auto => true }
# Enable locale fallbacks for I18n (makes lookups for any locale fall back to
# the I18n.default_locale when a translation cannot be found).
config.i18n.fallbacks = true
# Send deprecation notices to registered listeners.
config.active_support.deprecation = :notify
# Disable automatic flushing of the log to improve performance.
# config.autoflush_log = false
# Use default logging formatter so that PID and timestamp are not suppressed.
config.log_formatter = ::Logger::Formatter.new
# Do not dump schema after migrations.
config.active_record.dump_schema_after_migration = false
end
我的application.html文件
doctype html
html
head
meta[name="viewport" content="width=device-width, initial-scale=1.0"]
title
= content_for?(:title) ? yield(:title) : 'Phoenix'
meta name="description" content="#{content_for?(:description) ? yield(:description) : 'Phoenix'}"
= stylesheet_link_tag "application", :media => 'all'
= stylesheet_link_tag 'http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,400,300,600,700'
= javascript_include_tag 'vendor/modernizr'
= javascript_include_tag 'application'
= csrf_meta_tags
body
.off-canvas-wrap data-offcanvas=""
.inner-wrap
nav.tab-bar
- if user_signed_in?
section.left-small
a.left-off-canvas-toggle.menu-icon
span
section.middle.tab-bar-section
span.left
= link_to 'Phoenix', root_path
- if user_signed_in?
.right
= link_to current_user.email, user_path(current_user.id)
= " ".html_safe
= link_to fa_icon("sign-out"), destroy_user_session_path, id:"sign-out", method: :delete
- else
span.right
= link_to 'Sign in', new_user_session_path
- if user_signed_in?
aside.left-off-canvas-menu
ul.off-canvas-list
= render 'layouts/navigation'
section.main-section
.full-width-row
.columns class=(user_signed_in? ? 'medium-10 small-centered' : 'medium-5 small-centered')
main[role="main"]
= render 'layouts/messages'
= yield
a.exit-off-canvas
我的application.css.scss文件
/*
* This is a manifest file that'll be compiled into application.css, which will include all the files
* listed below.
*
* Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
* or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
*
* You're free to add application-wide styles to this file and they'll appear at the bottom of the
* compiled file so the styles you add here take precedence over styles defined in any styles
* defined in the other CSS/SCSS files in this directory. It is generally better to create a new
* file per style scope.
*
*= require_self
*= require_tree ../../../vendor/assets/stylesheets/.
*= require selectize
*= require selectize.default
*= require chosen
*/
@import 'foundation_and_overrides';
@import 'mixins';
@import 'font-awesome';
@import 'layout';
@import 'shame';
备注
- 我已经使用
rake assets:clean RAILS_ENV=[environment] 和 rake assets:clobber RAILS_ENV=[environment] 清除了我的资产
- 我也试过手动删除文件
- 我已经多次重启服务器
- 这是一个间歇性错误，似乎弹出了几次，但它随机消失了
所以我想我有两个问题
- 为什么我不能在本地复制它？ （这将是一个巨大的帮助）
- 为什么会发生在第一个
地点？
感谢任何意见。
经过更多 investigation 并进一步查看 public/assets 后，似乎正在生成 css 文件，但 URL 文件不正确。看来我需要将默认 css_compressor 更新为 sass
config.assets.css_compressor = :sass
我原以为这已经是默认设置了，但我猜不是。
仍然不确定为什么我不能在本地复制这个
我想弄清楚为什么我的 application.css.scss 文件没有在我的暂存环境中正确预编译。我试图通过将我的本地环境文件替换为与我的暂存文件相同来在本地复制错误。即使我正在为我的本地使用暂存环境设置，预编译后一切仍可用于开发（但不会被丑化，这不是预期的）。
我的设置如下
Rails.application.configure do
# Settings specified here will take precedence over those in config/application.rb.
# Code is not reloaded between requests.
config.cache_classes = true
# Eager load code on boot. This eager loads most of Rails and
# your application in memory, allowing both threaded web servers
# and those relying on copy on write to perform better.
# Rake tasks automatically ignore this option for performance.
config.eager_load = true
# Full error reports are disabled and caching is turned on.
config.consider_all_requests_local = false
config.action_controller.perform_caching = true
# Enable Rack::Cache to put a simple HTTP cache in front of your application
# Add `rack-cache` to your Gemfile before enabling this.
# For large-scale production use, consider using a caching reverse proxy like nginx, varnish or squid.
# config.action_dispatch.rack_cache = true
# Disable Rails's static asset server (Apache or nginx will already do this).
config.serve_static_assets = false
# Compress JavaScripts and CSS.
config.assets.js_compressor = :uglifier
# config.assets.css_compressor = :sass
# Do not fallback to assets pipeline if a precompiled asset is missed.
config.assets.compile = false
# Generate digests for assets URLs.
config.assets.digest = true
# `config.assets.precompile` has moved to config/initializers/assets.rb
# Specifies the header that your server uses for sending files.
# config.action_dispatch.x_sendfile_header = "X-Sendfile" # for apache
# config.action_dispatch.x_sendfile_header = 'X-Accel-Redirect' # for nginx
# Force all access to the app over SSL, use Strict-Transport-Security, and use secure cookies.
# config.force_ssl = true
# Set to :debug to see everything in the log.
config.log_level = :info
# Prepend all log lines with the following tags.
# config.log_tags = [ :subdomain, :uuid ]
# Use a different logger for distributed setups.
# config.logger = ActiveSupport::TaggedLogging.new(SyslogLogger.new)
# Use a different cache store in production.
# config.cache_store = :mem_cache_store
# Enable serving of images, stylesheets, and JavaScripts from an asset server.
# config.action_controller.asset_host = "http://assets.example.com"
# Precompile additional assets.
# application.js, application.css, and all non-JS/CSS in app/assets folder are already added.
# config.assets.precompile += %w( search.js )
# Ignore bad email addresses and do not raise email delivery errors.
# Set this to true and configure the email server for immediate delivery to raise delivery errors.
config.action_mailer.raise_delivery_errors = false
config.action_mailer.default_url_options = { :host => '' }
config.action_mailer.perform_deliveries = true
config.action_mailer.delivery_method = :smtp
config.action_mailer.smtp_settings = {
:address => "smtp.gmail.com",
:port => 587,
:user_name => '',
:password => '',
:authentication => 'plain',
:enable_starttls_auto => true }
# Enable locale fallbacks for I18n (makes lookups for any locale fall back to
# the I18n.default_locale when a translation cannot be found).
config.i18n.fallbacks = true
# Send deprecation notices to registered listeners.
config.active_support.deprecation = :notify
# Disable automatic flushing of the log to improve performance.
# config.autoflush_log = false
# Use default logging formatter so that PID and timestamp are not suppressed.
config.log_formatter = ::Logger::Formatter.new
# Do not dump schema after migrations.
config.active_record.dump_schema_after_migration = false
end
我的application.html文件
doctype html
html
head
meta[name="viewport" content="width=device-width, initial-scale=1.0"]
title
= content_for?(:title) ? yield(:title) : 'Phoenix'
meta name="description" content="#{content_for?(:description) ? yield(:description) : 'Phoenix'}"
= stylesheet_link_tag "application", :media => 'all'
= stylesheet_link_tag 'http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,400,300,600,700'
= javascript_include_tag 'vendor/modernizr'
= javascript_include_tag 'application'
= csrf_meta_tags
body
.off-canvas-wrap data-offcanvas=""
.inner-wrap
nav.tab-bar
- if user_signed_in?
section.left-small
a.left-off-canvas-toggle.menu-icon
span
section.middle.tab-bar-section
span.left
= link_to 'Phoenix', root_path
- if user_signed_in?
.right
= link_to current_user.email, user_path(current_user.id)
= " ".html_safe
= link_to fa_icon("sign-out"), destroy_user_session_path, id:"sign-out", method: :delete
- else
span.right
= link_to 'Sign in', new_user_session_path
- if user_signed_in?
aside.left-off-canvas-menu
ul.off-canvas-list
= render 'layouts/navigation'
section.main-section
.full-width-row
.columns class=(user_signed_in? ? 'medium-10 small-centered' : 'medium-5 small-centered')
main[role="main"]
= render 'layouts/messages'
= yield
a.exit-off-canvas
我的application.css.scss文件
/*
* This is a manifest file that'll be compiled into application.css, which will include all the files
* listed below.
*
* Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
* or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
*
* You're free to add application-wide styles to this file and they'll appear at the bottom of the
* compiled file so the styles you add here take precedence over styles defined in any styles
* defined in the other CSS/SCSS files in this directory. It is generally better to create a new
* file per style scope.
*
*= require_self
*= require_tree ../../../vendor/assets/stylesheets/.
*= require selectize
*= require selectize.default
*= require chosen
*/
@import 'foundation_and_overrides';
@import 'mixins';
@import 'font-awesome';
@import 'layout';
@import 'shame';
备注
- 我已经使用
rake assets:clean RAILS_ENV=[environment]和rake assets:clobber RAILS_ENV=[environment] 清除了我的资产
- 我也试过手动删除文件
- 我已经多次重启服务器
- 这是一个间歇性错误，似乎弹出了几次，但它随机消失了
所以我想我有两个问题
- 为什么我不能在本地复制它？ （这将是一个巨大的帮助）
- 为什么会发生在第一个 地点？
感谢任何意见。
经过更多 investigation 并进一步查看 public/assets 后，似乎正在生成 css 文件，但 URL 文件不正确。看来我需要将默认 css_compressor 更新为 sass
config.assets.css_compressor = :sass
我原以为这已经是默认设置了，但我猜不是。
仍然不确定为什么我不能在本地复制这个