Geek asks and answers

Best practice for large projects

I have been working for several months on a RoR project with student students. I am responsible for part of the interface and assets, and I wondered how to use Sprockets in a better way .

The point of existence of the asset pipeline is to increase productivity in terms of page load time. A way to create a Rails application is to put all the stylesheets and javascripts in two compressed files.

But when the volume and complexity of the application grows, IMHO becomes a bad idea, as the all-in-one file size grows, and there may be problems with overlapping CSS rules or scripts that are looking for the element and not find it, making the entire part of the javascript page page crash.

Note. . I know that with good coding rules and agreement between the team, the occurrence of these problems can be reduced, but not to 0.

Am I right with these statements so far?

If positive, what is a good way to handle large projects without serving a lot of rules or scripts that are useless for page size, without losing the benefits of multiple assets to send to the client?

My current approach is to define a set of all-in-one files, one for each “context area” of the application. So basically I'm trying to send 2 + 2 files.

But then how to handle such cases:

, , . , CSS3 javascript.

. ?

, ?

, , - . - (?) , , , . , javascript_include_tag , .

, - ? ? , ? ?

.

+3
1

( ):

, ( -), . , .

; - . .

, .

( )

. jquery-ui, . - .

Rails , .

( )

js css ( ).

/. , , . , .

( ) , , CSS . , CASCADE (C CSS), .: -)

- CSS - . CSS, . , ( ) .

, , , .

, . , , , , , . ( , )

:

application_helper.rb

def deferred_javascript(&block)
  @deferred_javascript ||= []

  if block_given?
    @deferred_javascript << capture(&block)
  end

  @deferred_javascript
end

def deferred_javascript_files
    @javascript_includes ||= []
end

def deferred_css_files
    @stylesheet_includes ||= []
end

:

<% deferred_javascript_files << 'extras/public_form' %>
<% deferred_css_files << 'extras/public_form' %>

deferred_javascript, . ( ).

public_form , (jquery-ui, formtastic), .

NB: , , :

config.assets.precompile += ['extras/public_form.css', 'extras/public_form.js']

, , !

, ( head) CSS:

<%= stylesheet_link_tag('application', :media => 'all' ) -%>
<%= stylesheet_link_tag(deferred_css_files) if deferred_css_files.any? %>

( ) JS:

<%= javascript_tag do %>
  $(document).ready(function() {
<%= raw deferred_javascript.join("\n") %>
  });
<%- end unless deferred_javascript.blank? -%>
<%= javascript_include_tag 'application' %>  
<%= javascript_include_tag(deferred_javascript_files) if deferred_javascript_files.any? %>

, .

, , , ​​ .

:

- " ", , , , , , . , - .

+4

More articles:


All Articles