{"id":684,"date":"2014-09-06T02:46:03","date_gmt":"2014-09-06T02:46:03","guid":{"rendered":"https:\/\/dev.railscarma.com\/asset-pipeline-in-rails-3-1-0\/"},"modified":"2021-06-07T07:19:40","modified_gmt":"2021-06-07T07:19:40","slug":"tillgangsrorledning-i-rals-3-1-0","status":"publish","type":"post","link":"https:\/\/www.railscarma.com\/sv\/blogg\/ledning\/tillgangsrorledning-i-rals-3-1-0\/","title":{"rendered":"Asset Pipeline In Rails 3.1.0"},"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\t

Asset pipeline tillhandah\u00e5ller ett ramverk f\u00f6r att sammanfoga och minifiera eller komprimera JavaScript- och CSS-tillg\u00e5ngar. Det l\u00e4gger ocks\u00e5 till m\u00f6jligheten att skriva dessa tillg\u00e5ngar p\u00e5 andra spr\u00e5k som CoffeeScript, Sass och ERB. I Rails 3.1 \u00e4r rails-tillg\u00e5ngspipeline aktiverad som standard. Det kan inaktiveras i config\/application.rb genom att placera denna rad i applikationsklassdefinitionen:<\/p>\n

config.assets.enabled = false<\/p>\n

vi kan ocks\u00e5 inaktivera tillg\u00e5ngspipelinen medan vi skapar en ny applikation genom att passera alternativet \u2014skip-sprockets.<\/p>\n

rails nytt appnamn \u2013skip-sprockets<\/p>\n\n

Funktioner i tillg\u00e5ngspipeline:<\/strong><\/h5>\n
1. Sammankoppla tillg\u00e5ngar<\/h6>\n

Den h\u00e4r funktionen \u00e4r viktig i en produktionsmilj\u00f6, eftersom den kan minska antalet f\u00f6rfr\u00e5gningar som en webbl\u00e4sare m\u00e5ste g\u00f6ra f\u00f6r att rendera en webbsida. Webbl\u00e4sare \u00e4r begr\u00e4nsade i antalet f\u00f6rfr\u00e5gningar som de kan g\u00f6ra parallellt, s\u00e5 f\u00e4rre f\u00f6rfr\u00e5gningar kan inneb\u00e4ra snabbare laddning f\u00f6r ans\u00f6kan.<\/p>\n

R\u00e4ls<\/strong><\/a> 2.x introducerade m\u00f6jligheten att sammanfoga JavaScript- och CSS-tillg\u00e5ngar genom att placera :cache => true i slutet av metoderna javascript_include_tag och stylesheet_link_tag. Men denna teknik har vissa begr\u00e4nsningar. Till exempel kan den inte generera cacharna i f\u00f6rv\u00e4g och den kan inte transparent inkludera tillg\u00e5ngar som tillhandah\u00e5lls av tredje parts bibliotek.<\/p>\n\n

2.Minifiering eller komprimering av tillg\u00e5ngar<\/strong><\/h6>\n

F\u00f6r CSS-filer g\u00f6rs komprimering genom att ta bort blanksteg och kommentarer. F\u00f6r JavaScript kan mer komplexa processer till\u00e4mpas. vi kan v\u00e4lja fr\u00e5n en upps\u00e4ttning inbyggda alternativ eller ange v\u00e5ra egna.<\/p>\n

3. Det till\u00e5ter kodning av tillg\u00e5ngar via ett spr\u00e5k p\u00e5 h\u00f6gre niv\u00e5, med f\u00f6rkompilering ner till de faktiska tillg\u00e5ngarna. Spr\u00e5k som st\u00f6ds inkluderar Sass f\u00f6r CSS, CoffeeScript f\u00f6r JavaScript och ERB f\u00f6r b\u00e5da som standard. I \u00e4ldre versioner av Rails-tillg\u00e5ngspipeline finns alla tillg\u00e5ngar i underkataloger till offentliga s\u00e5som bilder, javascript och stilmallar.<\/p>\n

Med tillg\u00e5ngspipeline \u00e4r den f\u00f6redragna platsen f\u00f6r dessa tillg\u00e5ngar nu app\/tillg\u00e5ngar-katalogen. Filer i den h\u00e4r katalogen betj\u00e4nas av Sprockets-mellanvaran som ing\u00e5r i sprockets p\u00e4rla. Tillg\u00e5ngar kan fortfarande placeras i den offentliga hierarkin. Alla tillg\u00e5ngar som \u00e4r offentliga kommer att visas som statiska filer av applikationen eller webbservern. vi b\u00f6r anv\u00e4nda app\/tillg\u00e5ngar f\u00f6r filer som m\u00e5ste genomg\u00e5 en viss f\u00f6rbearbetning innan de visas.<\/p>\n

I produktionen f\u00f6rkompilerar Rails dessa filer till publika\/tillg\u00e5ngar som standard. De f\u00f6rkompilerade kopiorna serveras sedan som statiska tillg\u00e5ngar av webbservern. Filerna i app\/tillg\u00e5ngar serveras aldrig direkt i produktionen.<\/p>\n

N\u00e4r vi genererar en st\u00e4llning eller en styrenhet genererar Rails ocks\u00e5 en JavaScript-fil (eller CoffeeScript-fil om coffee-rails juvelen finns i Gemfile) och en Cascading Style Sheet-fil (eller SCSS-fil om sass-rails finns i Gemfile) f\u00f6r den kontrollanten.<\/p>\n\n

Tillg\u00e5ngsorganisation:<\/strong><\/h5>\n

Den st\u00f6rsta praktiska skillnaden mellan Rails 3.0- och Rails 3.1-appar \u00e4r en \u00e4ndring av platsen f\u00f6r tillg\u00e5ngsfiler som bilder, stilmallar och JavaScript-filer. I tidigare versioner av Rails tillg\u00e5ngspipeline fanns alla dessa filer i den offentliga\/katalogen:<\/p>\n

offentliga\/bilder\/<\/p>\n

public\/stylesheets\/<\/p>\n

public\/javascripts\/<\/p>\n

I Rails 3.1 och Rails 3.2.3 skiljer sig platsen f\u00f6r dessa filer beroende p\u00e5 om de \u00e4r skapade av oss eller kommer fr\u00e5n en extern leverant\u00f6r. I det h\u00e4r fallet finns filerna i app-\/tillg\u00e5ngarkatalogen:<\/p>\n

app\/tillg\u00e5ngar\/bilder\/<\/p>\n

app\/tillg\u00e5ngar\/formatmallar\/<\/p>\n

app\/tillg\u00e5ngar\/javascripts\/<\/p>\n

N\u00e4r det g\u00e4ller kod eller bilder fr\u00e5n externa leverant\u00f6rer anv\u00e4nder vi katalogen leverant\u00f6r\/tillg\u00e5ngar:<\/p>\n

leverant\u00f6r\/tillg\u00e5ngar\/bilder\/<\/p>\n

leverant\u00f6r\/tillg\u00e5ngar\/formatmallar\/<\/p>\n

leverant\u00f6r\/tillg\u00e5ngar\/javascripts\/<\/p>\n

Manifestfiler<\/p>\n

Dessa \u00e4r vanliga js- eller css-filer som inneh\u00e5ller direktivprocessorer, kommentarsrader f\u00f6ljt av en =<\/p>\n

\/\/ …<\/p>\n

\/\/= kr\u00e4ver jquery<\/p>\n

\/\/= kr\u00e4ver jquery_ujs<\/p>\n

\/\/= require_tree .<\/p>\n

Eller:<\/p>\n

\/* …<\/p>\n

*= kr\u00e4ver_sj\u00e4lv<\/p>\n

*= require_tree .<\/p>\n

Dessa manifestfiler refererar till och inkluderar andra tillg\u00e5ngar som de \u00e4r beroende av. require_directory och require_tree l\u00e5ter oss kr\u00e4va hela kataloger och deras barn, require_self inkluderar \u00e4ven alla js eller css i sj\u00e4lva manifestfilen.<\/p>\nKontakta oss.<\/a>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\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

Prenumerera f\u00f6r de senaste uppdateringarna<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\t\t\t\t\t