until now, I've been loading my css files on my local environment without precompile like so:
= stylesheet_link_tag "bootstrap.min", :media => "all"
= stylesheet_link_tag "bootstrap-responsive.min", :media => "all"
= stylesheet_link_tag "font-awesome.min", :media => "all"
= stylesheet_link_tag "ace.min", :media => "all"
= stylesheet_link_tag "ace-responsive.min", :media => "all"
= stylesheet_link_tag "ace-skins.min", :media => "all"
= stylesheet_link_tag "datepicker", :media => "all"
but I want to change this to precompile now...so I did this in application.css:
/*
*= require bootstrap.min
*= require bootstrap-responsive.min
*= require font-awesome.min
*= require ace.min
*= require ace-responsive.min
*= require ace-skins.min
*= require datepicker
*/
however, it loads the css files like so in the html:
<link href="/assets/bootstrap.min.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/bootstrap-responsive.min.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/font-awesome.min.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/ace.min.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/ace-responsive.min.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/ace-skins.min.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/datepicker.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/application.css?body=1" media="all" rel="stylesheet" type="text/css" />
the last line loading application.css screws up the css and i'm not sure how to get rid of it. without it, it looks perfect. i'm not explicitly loading it..just using it to load up the assets. how do i stop that last line from loading? it appears automatically without calling it in application.css
Often in your application.html.erb (app/views/layouts) will include with file. Check there for the requirement.
turns out I needed: *= require_self in the application.css for everything to work properly
Related
So, I may be completely wrong here, but I am trying to organize my css files so that scss files are loaded up first, with some css files being loaded up later.
Here is my application.scss
// Core
#import "core/reset.scss";
#import "core/constants.scss";
#import "core/mixins.scss";
#import "core/helpers.scss";
// Template
#import "template/main_navigation.scss";
#import "template/header.scss";
#import "template/footer.scss";
#import "template/template.scss";
// Components
#import "components/scorecard.scss";
#import "components/support.scss";
#import "components/event_report.scss";
#import "components/select2-small.scss";
#import "components/progress_bar.scss";
#import "components/carousel.scss";
#import "components/collapsible.scss";
#import "components/forms.scss";
#import "components/form_validations.scss";
#import "components/jquery_ui_customized.scss";
#import "components/screen.scss";
// Overrides
#import "components/jquery_ui_overrides.scss";
#import "components/chosen_overrides.scss";
#import "components/multiselect_override.scss";
#import "components/qtip_overrides.scss";
// Gem load
#import "font-awesome";
I also have a vendor.css file which has:
/*
*= require_tree ./vendor <- points to a subfolder with a bunch of css files
*/
In my application.html.erb I have:
<%= stylesheet_link_tag "application", media: "all" %>
<%= stylesheet_link_tag "vendor", media: "all" %>
However, when I view source in development, I see that application.css loads up fine, followed by all the assets in the vendor folder, followed by an empty vendor.css manifest file
<link href="/assets/application.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/vendor/chosen.min.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/vendor/colorPicker.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/vendor/confirm.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/vendor/demo_table.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/vendor/fancybox.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/vendor/forms.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/vendor/jquery-ui-numeric-min.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/vendor/jquery-ui-numeric.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/vendor/jquery-ui.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/vendor/jquery.checkboxtree.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/vendor/jquery.checkboxtree.min.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/vendor/jquery.chosen.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/vendor/jquery.multiselect.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/vendor/jquery.qtip.nightly.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/vendor/jquery.qtip.nightly.min.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/vendor/jquery_ui_overrides.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/vendor/scaffold.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/vendor/select2-small.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/vendor/select2-small.css.map?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/vendor/select2.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/vendor/select2.min.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/vendor/strength.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/vendor.css?body=1" media="all" rel="stylesheet" type="text/css" />
Why aren't these files loading in the vendor.css manifest file, and am I completely wrong in my approach here?
Thanks
In the development environment Rails will load the individual files for you, for easier debugging.
To turn this off, set config.assets.debug to false in your development environment file i.e. config/environments/development.rb and restart your Rails app.
The reason you have an empty vendor.css file showing up is because you haven't put anything in it (other than the comment to include the files in the vendor folder). This is expected Rails behavior -- any .css or .scss file can contain both comments that direct the asset pipeline to include other files as well as CSS or SCSS code. If a file contains only directives then (in development mode) you'll see an empty file. In production this won't matter since you'll precompile all your assets and end up with a single .css file included in the HTML.
I'm trying to integrate Polymer into a Rails 4 app via the Emcee gem. I can't get icons within web components (e.g., icon-"search" within paper-icon-button) to render in Firefox. Icons by themselves will work though. Also, this problem does not occur in Chrome. I suspect a pipeline issue. Open to clean workarounds if necessary.
application.html (manifest for Polymer components folders/files)
*= require polymer/polymer
*= require core-header-panel/core-header-panel
*= require core-toolbar/core-toolbar
*= require paper-button/paper-button
*= require paper-icon-button/paper-icon-button
*= require core-icon/core-icon
*= require core-icons/core-icons
*= require font-roboto/roboto
*= require paper-shadow/paper-shadow
application.js (manifest for js folder/file; first on the list is only one relevant to Polymer)
//= require webcomponentsjs/webcomponents
//= require jquery
//= require jquery.turbolinks
//= require jquery_ujs
//= require turbolinks
//= require_tree .
application.html.erb (html layout with links to pull-in application manifests shown above)
<!DOCTYPE html>
<html>
<head>
<title><%= yield(:title) %> | RailsWithPolymerTest </title>
<%= stylesheet_link_tag "application", media: "all", "data-turbolinks-track" => true %>
<%= javascript_include_tag "application", "data-turbolinks-track" => true %>
<%= html_import_tag "application", "data-turbolinks-track" => true %>
<%= csrf_meta_tags %>
<%= render 'layouts/shim' %>
</head>
<body class="<%= controller.controller_name %>">
<%= render 'layouts/header' %>
<div class="container">
<%= render 'shared/flash_alert' %>
<%= yield %>
<%= debug(params) if Rails.env.development? %>
<%= render 'layouts/footer' %>
</div>
</body>
</html>
It looks like the necessary files are being served to the browser unless I'm missing some dependency in the manifest(s)
<link rel="stylesheet" media="all" href="/assets/morris.css?body=1" data-turbolinks-track="true">
<link rel="stylesheet" media="all" href="/assets/choices.css?body=1" data-turbolinks-track="true">
<link rel="stylesheet" media="all" href="/assets/custom.css?body=1" data-turbolinks-track="true">
<link rel="stylesheet" media="all" href="/assets/question_formats.css?body=1" data-turbolinks-track="true">
<link rel="stylesheet" media="all" href="/assets/question_sets.css?body=1" data-turbolinks-track="true">
<link rel="stylesheet" media="all" href="/assets/questions.css?body=1" data-turbolinks-track="true">
<link rel="stylesheet" media="all" href="/assets/respondents.css?body=1" data-turbolinks-track="true">
<link rel="stylesheet" media="all" href="/assets/responses.css?body=1" data-turbolinks-track="true">
<link rel="stylesheet" media="all" href="/assets/sessions.css?body=1" data-turbolinks-track="true">
<link rel="stylesheet" media="all" href="/assets/static_pages.css?body=1" data-turbolinks-track="true">
<link rel="stylesheet" media="all" href="/assets/users.css?body=1" data-turbolinks-track="true">
<link rel="stylesheet" media="all" href="/assets/application.css?body=1" data-turbolinks-track="true">
<script src="/assets/webcomponentsjs/webcomponents.min.js?body=1" data-turbolinks-track="true">
<script src="/assets/jquery.js?body=1" data-turbolinks-track="true">
<script src="/assets/jquery.turbolinks.js?body=1" data-turbolinks-track="true">
<script src="/assets/jquery_ujs.js?body=1" data-turbolinks-track="true">
<script src="/assets/turbolinks.js?body=1" data-turbolinks-track="true">
<script src="/assets/raphael.js?body=1" data-turbolinks-track="true">
<script src="/assets/morris.min.js?body=1" data-turbolinks-track="true">
<script src="/assets/chart_refresh.js?body=1" data-turbolinks-track="true">
<script src="/assets/nav.js?body=1" data-turbolinks-track="true">
<script src="/assets/questions.js?body=1" data-turbolinks-track="true">
<script src="/assets/application.js?body=1" data-turbolinks-track="true">
<link rel="import" href="/assets/polymer/layout.html?body=1" data-turbolinks-track="true">
<style shim-shadowdom-css="">
<link rel="import" href="/assets/polymer/polymer.html?body=1" data-turbolinks-track="true">
<link rel="import" href="/assets/core-header-panel/core-header-panel.html?body=1" data-turbolinks-track="true">
<link rel="import" href="/assets/core-toolbar/core-toolbar.html?body=1" data-turbolinks-track="true">
<link rel="import" href="/assets/paper-ripple/paper-ripple.html?body=1" data-turbolinks-track="true">
<link rel="import" href="/assets/paper-shadow/paper-shadow.html?body=1" data-turbolinks-track="true">
<style>
<link rel="import" href="/assets/core-focusable/core-focusable.html?body=1" data-turbolinks-track="true">
<link rel="import" href="/assets/paper-button/paper-button-base.html?body=1" data-turbolinks-track="true">
<link rel="import" href="/assets/paper-button/paper-button.html?body=1" data-turbolinks-track="true">
<link rel="import" href="/assets/core-meta/core-meta.html?body=1" data-turbolinks-track="true">
<link rel="import" href="/assets/core-iconset/core-iconset.html?body=1" data-turbolinks-track="true">
<link rel="import" href="/assets/core-icon/core-icon.html?body=1" data-turbolinks-track="true">
<style>
<link rel="import" href="/assets/core-iconset-svg/core-iconset-svg.html?body=1" data-turbolinks-track="true">
<link rel="import" href="/assets/core-icons/core-icons.html?body=1" data-turbolinks-track="true">
<link rel="import" href="/assets/paper-icon-button/paper-icon-button.html?body=1" data-turbolinks-track="true">
<link rel="import" href="/assets/font-roboto/roboto.html?body=1" data-turbolinks-track="true">
<link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=RobotoDraft:regular,bold,italic,thin,light,bolditalic,black,medium&lang=en">
<link rel="import" href="/assets/application.html?body=1" data-turbolinks-track="true">
But core-icon (all of below; as excerpted from within a paper-icon-button) is grayed-out in browser console:
<core-icon id="icon" icon="{{icon}}" src="{{src}}" relative="" aria-label="menu" role="img">
<svg viewBox="0 0 24 24" style="pointer-events: none; display: block;" height="100%" width="100%" preserveAspectRatio="xMidYMid meet" fit="">
<g>
<path d="M3 18h18v-2h-18v2zm0-5h18v-2h-18v2zm0-7v2h18v-2h-18z">
</g>
</svg>
</core-icon>
I ran into this exact issue, and fixed it by adding these global styles:
core-icon-button {
-moz-user-select: none;
border-radius: 2px;
box-sizing: border-box;
cursor: pointer;
display: inline-block;
font-size: 1rem;
margin: 2px;
padding: 7px;
vertical-align: middle;
}
html core-icon {
background-repeat: no-repeat;
display: inline-block;
fill: currentcolor;
height: 24px;
position: relative;
vertical-align: middle;
width: 24px;
}
After adding those, the icons worked fine in both Firefox and Safari for me.
If it works on chrome and does not work on Firefox, it seems like it might be an incompatibility issue.
You might want to take a look at Polymers "Browser Compatibility" chart. And also, just in case, to see that you have the most recent version of Firefox.
Also, what version of Polymer you are using? they have just gone from version 0.4.0 to 0.5.x, you might want to look into that. Version 0.4.0 might not have the polyfills needed for compatibility with Firefox.
An understandably weird question. I'm porting a project to RoR, in order to use some of its components. Asset management is not one of them.
I wind up with something like this in my page source:
<!DOCTYPE html>
<html>
<head>
<title>Opera</title>
<link data-turbolinks-track="true" href="/assets/application.css?body=1" media="all" rel="stylesheet" />
<link data-turbolinks-track="true" href="/assets/main.css?body=1" media="all" rel="stylesheet" />
<script data-turbolinks-track="true" src="/assets/jquery.js?body=1"></script>
<script data-turbolinks-track="true" src="/assets/jquery_ujs.js?body=1"></script>
<script data-turbolinks-track="true" src="/assets/turbolinks.js?body=1"></script>
<script data-turbolinks-track="true" src="/assets/main.js?body=1"></script>
<script data-turbolinks-track="true" src="/assets/application.js?body=1"></script>
<meta content="authenticity_token" name="csrf-param" />
<meta content="5YFRzv/wICYBms8cregzthpFqCr5gf3pQknNpLOOeEg=" name="csrf-token" />
</head>
<body>
<!-- My scripts and stylesheets below -->
What do I do differently such that the page doesn't load its own scripts and stylesheets?
Additionally, if I link stylesheets in the .erb template, they all wind up under the <body> tag. The Rails stylesheet/script helpers assume that your stuff is in the /asset directory.
How do I get Rails to link my scripts under <head> if I've placed my scripts and stylesheets in /public?
Thanks!
The default scripts and stylesheets are loaded because of the following two lines in app/views/layouts/application.html.erb
<%= stylesheet_link_tag "application", media: "all", "data-turbolinks-track" => true %>
<%= javascript_include_tag "application", "data-turbolinks-track" => true %>
Rails uses the layout defined in the file app/views/layouts/application.html.erb as a default for rendering any view. The views go in the body part of application.html.erb while rendering.
You can remove the unwanted js from app/assets/javascripts/application.js file and css from app/assets/stylesheets/application.css file. You can also specify your own assets in these two files.
I am not sure about /public level. Rails pipeline assets can be placed inside an application in one of three locations: app/assets, lib/assets or vendor/assets.
Read more details for: Rails Asset Pipeline
After deploying my rails app to heroku, there are no dropdown menus!
When running locally, my source looks like this :
<link href="/assets/application.css?body=1" media="screen" rel="stylesheet" />
<link href="/assets/jquery.ui.core.css?body=1" media="screen" rel="stylesheet" />
<link href="/assets/jquery.ui.theme.css?body=1" media="screen" rel="stylesheet" />
<link href="/assets/jquery.ui.accordion.css?body=1" media="screen" rel="stylesheet" />
<link href="/assets/jquery.ui.menu.css?body=1" media="screen" rel="stylesheet" />
<link href="/assets/jquery.ui.autocomplete.css?body=1" media="screen" rel="stylesheet" />
<link href="/assets/jquery.ui.button.css?body=1" media="screen" rel="stylesheet" />
<link href="/assets/jquery.ui.datepicker.css?body=1" media="screen" rel="stylesheet" />
<link href="/assets/jquery.ui.resizable.css?body=1" media="screen" rel="stylesheet" />
<link href="/assets/jquery.ui.dialog.css?body=1" media="screen" rel="stylesheet" />
<link href="/assets/jquery.ui.progressbar.css?body=1" media="screen" rel="stylesheet" />
<link href="/assets/jquery.ui.selectable.css?body=1" media="screen" rel="stylesheet" />
<link href="/assets/jquery.ui.slider.css?body=1" media="screen" rel="stylesheet" />
<link href="/assets/jquery.ui.spinner.css?body=1" media="screen" rel="stylesheet" />
<link href="/assets/jquery.ui.tabs.css?body=1" media="screen" rel="stylesheet" />
<link href="/assets/jquery.ui.tooltip.css?body=1" media="screen" rel="stylesheet" />
<link href="/assets/jquery.ui.base.css?body=1" media="screen" rel="stylesheet" />
<link href="/assets/jquery.ui.all.css?body=1" media="screen" rel="stylesheet" />
<link href="/assets/foundation_and_overrides.css?body=1" media="screen" rel="stylesheet" />
<link href="/assets/admins.css?body=1" media="screen" rel="stylesheet" />
<link href="/assets/associates.css?body=1" media="screen" rel="stylesheet" />
<link href="/assets/custom.css?body=1" media="screen" rel="stylesheet" />
<link href="/assets/dasharea.css?body=1" media="screen" rel="stylesheet" />
<link href="/assets/database.css?body=1" media="screen" rel="stylesheet" />
<link href="/assets/members.css?body=1" media="screen" rel="stylesheet" />
<link href="/assets/sessions.css?body=1" media="screen" rel="stylesheet" />
<script src="/assets/vendor/custom.modernizr.js?body=1"></script>
<meta content="authenticity_token" name="csrf-param" />
<meta content="anbyACcBlOI2Zpa9E2TImosNiBYN5KFTC8heYI1TE+I=" name="csrf-token" />
<script src="/assets/jquery.js?body=1"></script>
<script src="/assets/jquery.ui.core.js?body=1"></script>
<script src="/assets/jquery.ui.widget.js?body=1"></script>
<script src="/assets/jquery.ui.accordion.js?body=1"></script>
<script src="/assets/jquery.ui.position.js?body=1"></script>
<script src="/assets/jquery.ui.menu.js?body=1"></script>
<script src="/assets/jquery.ui.autocomplete.js?body=1"></script>
<script src="/assets/jquery.ui.button.js?body=1"></script>
<script src="/assets/jquery.ui.datepicker.js?body=1"></script>
<script src="/assets/jquery.ui.mouse.js?body=1"></script>
<script src="/assets/jquery.ui.draggable.js?body=1"></script>
<script src="/assets/jquery.ui.resizable.js?body=1"></script>
<script src="/assets/jquery.ui.dialog.js?body=1"></script>
<script src="/assets/jquery.ui.droppable.js?body=1"></script>
<script src="/assets/jquery.ui.effect.js?body=1"></script>
<script src="/assets/jquery.ui.effect-blind.js?body=1"></script>
<script src="/assets/jquery.ui.effect-bounce.js?body=1"></script>
<script src="/assets/jquery.ui.effect-clip.js?body=1"></script>
<script src="/assets/jquery.ui.effect-drop.js?body=1"></script>
<script src="/assets/jquery.ui.effect-explode.js?body=1"></script>
<script src="/assets/jquery.ui.effect-fade.js?body=1"></script>
<script src="/assets/jquery.ui.effect-fold.js?body=1"></script>
<script src="/assets/jquery.ui.effect-highlight.js?body=1"></script>
<script src="/assets/jquery.ui.effect-pulsate.js?body=1"></script>
<script src="/assets/jquery.ui.effect-scale.js?body=1"></script>
<script src="/assets/jquery.ui.effect-shake.js?body=1"></script>
<script src="/assets/jquery.ui.effect-slide.js?body=1"></script>
<script src="/assets/jquery.ui.effect-transfer.js?body=1"></script>
<script src="/assets/jquery.ui.progressbar.js?body=1"></script>
<script src="/assets/jquery.ui.selectable.js?body=1"></script>
<script src="/assets/jquery.ui.slider.js?body=1"></script>
<script src="/assets/jquery.ui.sortable.js?body=1"></script>
<script src="/assets/jquery.ui.spinner.js?body=1"></script>
<script src="/assets/jquery.ui.tabs.js?body=1"></script>
<script src="/assets/jquery.ui.tooltip.js?body=1"></script>
<script src="/assets/jquery.ui.all.js?body=1"></script>
<script src="/assets/jquery_ujs.js?body=1"></script>
In Heroku, it look like this :
<script src="/javascripts/jquery.js"></script>
<script src="/javascripts/jquery.ui.all.js"></script>
<script src="/javascripts/jquery_ujs.js"></script>
But the links in Heroku return not found!
For a special reason, I included the jquery in my head manually like this :
<%= javascript_include_tag 'jquery' %>
<%= javascript_include_tag 'jquery.ui.all' %>
<%= javascript_include_tag 'jquery_ujs' %>
Is this the reason things are failing? How to fix it without removing these from the head?
In (most) production setups, only the files in public/assets are available for use directly in link or script tags.
When you push to Heroku, it precompiles app/assets/javascripts/application.js by merging and compressing all javascript files required in application.js into a single file at public/assets/application-xxxxxx.js. Individual files, such as jquery.js, are not available. Therefore, it's recommended to use
<!-- HTML -->
javascript_include_tag 'application'
// inside app/assets/javascripts/application.js
//= require jquery
//= require jquery_ujs
However, if you insist on including jquery manually without requiring it in application.js, you can add it to config.assets.precompile.
# config/environments/production.rb
config.assets.precompile += ['jquery.js', 'jquery_ujs.js']
(Note: A friend told me that Heroku doesn't read production.rb during precompilation. If that's the case, try adding the above to config/application.rb instead.)
When you push to Heroku and precompile your assets, you should see
$ rake assets:precompile
I, [] INFO -- : Writing public/assets/jquery-36fecc5eda81b43bdf4f92ce2d874df2.js
I, [] INFO -- : Writing public/assets/jquery_ujs-02181b3e64cd9e4e8548cad033516231.js
On Heroku, the script tags should now look like
<script src="/assets/jquery-36fecc5eda81b43bdf4f92ce2d874df2.js"></script>
At first in production.rb
config.assets.compress = true
I change this and i run production mode.
Now all css and js are combined and view as
<link href="/assets/application-216f7d9bf69633b46766413cf646b8a5.css" media="all" rel="stylesheet" type="text/css" />
<script media="all" src="/assets/application-cfa3f1d1e18cc9a8acfb0492bd8ae99e.js" type="text/javascript"></script>
But now i want all css and js to load individually not in compress mode
so i changed
config.assets.compress = false
Now i want to so my ctrl U as like this
<link href="/assets/bootstrap-wysihtml5/core.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/bootstrap-wysihtml5/wysiwyg-color.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/bootstrap-wysihtml5/index.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/app_modules.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/assets.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/authentications.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/bootstrap_and_overrides.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/companies.css?body=1" media="all" rel="stylesheet" type="text/css" />
I mean all in uncompress form. But it is not workin.. again it comes in compress form like before. Do i have to clear cache or where i am missing?
In your application.rb you also need to disable asset pipeline for production mode.
application.rb :
# Enable the asset pipeline
config.assets.enabled = false