我有一个书签,需要单独的js和css文件 - 即我不希望它们像往常一样编译成一个文件。
这些是我想要与通常的js和css文件分开的文件:
assets/javascripts/bookmarklet/tagger.js
assets/javascripts/bookmarklet/js/bookmarklet.js
assets/stylesheets/bookmarklet/bookmarklet-frame.css
在application.js
和application.css
我将//= require_three .
更改为//= require_directory .
我补充道:
config.assets.precompile += [ 'bookmarklet/js/bookmarklet.js', 'bookmarklet/tagger.js', 'bookmarklet/bookmarklet-frame.css' ]
到我的production.rb
和staging.rb
。
生成application.js
和application.css
但是,我的三个单独文件不是。知道为什么这不起作用吗?
答案 0 :(得分:2)
确保你有require_tree而不是require_directory,require_tree递归添加但require_directory没有。请参阅asset pipeline
application.js
//= require jquery
//= require jquery_ujs
//= require_tree .
application.css
/* ...
*= require_self
*= require_tree .
*/
application.html.erb
应该有这些行
<%= javascript_include_tag "application" %>
<%= stylesheet_link_tag "application" %>
现在,当您在生产中使用命令RAILS_ENV=production bundle exec rake assets:precompile
预编译资产时,您将拥有(所有js文件编译为一个,css编译为一个)
application.html.erb
<script src="/assets/application-908e25f4bf641868d8683022a5b62f54.js"></script>
<link href="/assets/application-4dd5b109ee3439da54f5bdfd78a80473.css" media="screen" rel="stylesheet" />
这是不必要的,因为默认情况下application.js,application.css是预编译的。
config.assets.precompile += [ 'bookmarklet/js/bookmarklet.js', 'bookmarklet/tagger.js', 'bookmarklet/bookmarklet-frame.css' ]
有时您可以使用admin.js
作为布局admin.html.erb
,然后才需要在production.rb中添加这样的一行
答案 1 :(得分:2)
不得不搬家
config.assets.precompile += [ 'bookmarklet/js/bookmarklet.js', 'bookmarklet/tagger.js', 'bookmarklet/bookmarklet-frame.css' ]
到application.rb
。
答案 2 :(得分:1)
考虑转移到application.rb的其他解决方案可能没有必要。相反,在config / application.rb中将'production'添加到:assets。 “生产”默认不包含在列表中。
if defined?(Bundler)
# If you precompile assets before deploying to production, use this line
Bundler.require(*Rails.groups(:assets => %w(development test production)))
# If you want your assets lazily compiled in production, use this line
# Bundler.require(:default, :assets, Rails.env)
end