{"id":6513,"date":"2015-07-09T01:19:33","date_gmt":"2015-07-09T01:19:33","guid":{"rendered":"https:\/\/dev.railscarma.com\/understanding-the-asset-pipeline-plugin\/"},"modified":"2021-06-06T14:46:45","modified_gmt":"2021-06-06T14:46:45","slug":"understanding-the-asset-pipeline-plugin","status":"publish","type":"post","link":"https:\/\/www.railscarma.com\/ja\/%e3%83%96%e3%83%ad%e3%82%b0\/%e6%8a%80%e8%a1%93%e8%ab%96%e6%96%87\/understanding-the-asset-pipeline-plugin\/","title":{"rendered":"\u30a2\u30bb\u30c3\u30c8 \u30d1\u30a4\u30d7\u30e9\u30a4\u30f3 \u30d7\u30e9\u30b0\u30a4\u30f3\u306b\u3064\u3044\u3066"},"content":{"rendered":"
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\tRuby on rails or simply Rails is a wonderful web application framework, written in Ruby. It provides services for a web page designing. It has won tech geeks votes for its faster services in terms of developing a website because of its user-friendly features, reduced complexity, and thus improving its efficiency allover. One such feature for RoR is The Asset Pipeline.\n

The asset pipeline is a very powerful feature that Rails offers, to solve a wide range of problems related to web designing.<\/p>\n

It minimizes the manual works by compiling and processing all the stylesheets, javascript files, images etc whenever possible and is prepares for the use. Asset pipeline can improve the quality of the application in terms of its performance and flexibility.<\/p>\n\n

<\/h3>\n

The Asset Pipeline :<\/h3>\n

The asset pipeline provides a framework to concatenate and minify or compress JavaScript and CSS assets. It also adds the ability to write these assets in other languages and pre-processors such as CoffeeScript, Sass and ERB.<\/p>\n

The asset pipeline is technically no longer a core feature of Rails 4, it has been extracted out of the framework into the sprockets-rails gem.<\/p>\n

The asset pipeline is enabled by default.<\/p>\n

We can disable the asset pipeline while creating a new application by passing the –skip-sprockets option.<\/p>\n

rails new appname \u2013skip-sprockets<\/p>\n

Rails 4 automatically adds the sass-rails, coffee-rails and uglifier gems to your Gemfile, which are used by Sprockets for asset compression:<\/p>\n

gem ‘sass-rails’<\/p>\n

gem ‘uglifier’<\/p>\n

gem ‘coffee-rails’<\/p>\n

Using the –skip-sprockets option will prevent Rails 4 from adding sass-rails and uglifier to Gemfile, so if you later want to enable the asset pipeline you will have to add those gems to your Gemfile. Also, creating an application with the –skip-sprockets option will generate a slightly different config\/application.rb file, with a require statement for the sprockets railtie that is commented-out. You will have to remove the comment operator on that line to later enable the asset pipeline:<\/p>\n

# require “sprockets\/railtie”<\/p>\n

To set asset compression methods, set the appropriate configuration options in production.rb – config.assets.css_compressor for your CSS and config.assets.js_compressor for your JavaScript:<\/p>\n

config.assets.css_compressor = :yui<\/p>\n

config.assets.js_compressor = :uglifier<\/p>\n\n

<\/h3>\n

How to Use the Asset Pipeline :<\/h3>\n

In previous versions of Rails, all assets were located in subdirectories of public such as images, javascripts and stylesheets. With the asset pipeline, the preferred location for these assets is now the app\/assets directory. Files in this directory are served by the Sprockets middleware.<\/p>\n

Assets can still be placed in the public hierarchy. Any assets under public will be served as static files by the application or web server when config.serve_static_files is set to true. You should use app\/assets for files that must undergo some pre-processing before they are served.<\/p>\n

\u672c\u756a\u74b0\u5883\u3067\u306f\u3001Rails \u306f\u30c7\u30d5\u30a9\u30eb\u30c8\u3067\u3053\u308c\u3089\u306e\u30d5\u30a1\u30a4\u30eb\u3092 public\/assets \u306b\u30d7\u30ea\u30b3\u30f3\u30d1\u30a4\u30eb\u3057\u307e\u3059\u3002\u30d7\u30ea\u30b3\u30f3\u30d1\u30a4\u30eb\u3055\u308c\u305f\u30b3\u30d4\u30fc\u306f\u3001Web \u30b5\u30fc\u30d0\u30fc\u306b\u3088\u3063\u3066\u9759\u7684\u30a2\u30bb\u30c3\u30c8\u3068\u3057\u3066\u63d0\u4f9b\u3055\u308c\u307e\u3059\u3002\u30a2\u30d7\u30ea\/\u30a2\u30bb\u30c3\u30c8\u5185\u306e\u30d5\u30a1\u30a4\u30eb\u304c\u672c\u756a\u74b0\u5883\u3067\u76f4\u63a5\u63d0\u4f9b\u3055\u308c\u308b\u3053\u3068\u306f\u3042\u308a\u307e\u305b\u3093\u3002<\/p>\n\n

Controller Specific Assets :<\/h3>\n

When you generate a scaffold or a controller, Rails also generates a JavaScript file (or CoffeeScript file if the coffee-rails gem is in the Gemfile) and a Cascading Style Sheet file (or SCSS file if sass-rails is in the Gemfile) for that controller. Additionally, when generating a scaffold, Rails generates the file scaffolds.css (or scaffolds.css.scss if sass-rails is in the Gemfile.)<\/p>\n

For example, if you generate a ProjectsController, Rails will also add a new file at app\/assets\/javascripts\/projects.js.coffee and another at app\/assets\/stylesheets\/projects.css.scss. By default these files will be ready to use by your application immediately using the require_tree directive. See Manifest Files and Directives for more details on require_tree.<\/p>\n

You can also opt to include controller specific stylesheets and JavaScript files only in their respective controllers using the following:<\/p>\n

<%= javascript_include_tag params[:controller] %> or <%= stylesheet_link_tag params[:controller] %><\/p>\n\n

Precompiling Assets :<\/h3>\n

Rails comes bundled with a rake task to compile the asset manifests and other files in the pipeline.<\/p>\n

Compiled assets are written to the location specified in config.assets.prefix. By default, this is the \/assets directory.<\/p>\n

You can call this task on the server during deployment to create compiled versions of your assets directly on the server. See the next section for information on compiling locally.<\/p>\n

The rake task is:<\/p>\n

$ RAILS_ENV=production bin\/rake assets:precompile<\/p>\n

Capistrano (v2.15.1 and above) includes a recipe to handle this in deployment. Add the following line to Capfile:<\/p>\n

load ‘deploy\/assets’<\/p>\n

This links the folder specified in config.assets.prefix to shared\/assets. If you already use this shared folder you’ll need to write your own deployment task.<\/p>\n

It is important that this folder is shared between deployments so that remotely cached pages referencing the old compiled assets still work for the life of the cached page.<\/p>\n\n

Live Compilation :<\/h3>\n

In some circumstances we may wish to use live compilation. In this mode all requests for assets in the pipeline are handled by Sprockets directly.<\/p>\n

To enable this option set:<\/p>\n

config.assets.compile = true<\/p>\n

On the first request the assets are compiled and cached as outlined in development above, and the manifest names used in the helpers are altered to include the MD5 hash.<\/p>\n

Sprockets also sets the Cache-Control HTTP header to max-age=31536000. This signals all caches between your server and the client browser that this content (the file served) can be cached for 1 year. The effect of this is to reduce the number of requests for this asset from your server; the asset has a good chance of being in the local browser cache or some intermediate cache.<\/p>\n

This mode uses more memory, performs more poorly than the default and is not recommended.<\/p>\n

If you are deploying a production application to a system without any pre-existing JavaScript runtimes, you may want to add one to your Gemfile:\ngroup :production do<\/p>\n

gem ‘therubyracer’<\/p>\n

\u7d42\u308f\u308a<\/p>\n

Railscarma has been implementing Ruby on Rails from its nascent stages for development, training, deploying and contributing back to the Rails Community and provide best Ruby on Rails\u958b\u767a\u30b5\u30fc\u30d3\u30b9<\/a>\u3002 RailsCarma \u306f\u3001\u30b3\u30f3\u30b5\u30eb\u30c6\u30a3\u30f3\u30b0\u3001\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u3001\u69cb\u7bc9\u3001\u7ba1\u7406\u3001\u62e1\u5f35\u306a\u3069\u306e\u30a8\u30f3\u30c9\u30c4\u30fc\u30a8\u30f3\u30c9\u306e Ruby on Rails \u30b5\u30fc\u30d3\u30b9\u3092\u4e16\u754c\u4e2d\u306e\u4f01\u696d\u306b\u63d0\u4f9b\u3057\u307e\u3059\u3002\u7c21\u5358\u306a\u96c7\u7528\u30d7\u30ed\u30bb\u30b9\u3067 Ruby on Rails \u958b\u767a\u8005\u3092\u96c7\u7528\u3059\u308b\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u3002\u304a\u554f\u3044\u5408\u308f\u305b<\/a> \u3082\u3063\u3068\u77e5\u308b\u305f\u3081\u306b\u3002<\/p>\n

\u7d9a\u304d\u3092\u8aad\u3080 \uff1a\u00a0<\/em><\/p>\n\n