{"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":"verstandnis-des-asset-pipeline-plugins","status":"publish","type":"post","link":"https:\/\/www.railscarma.com\/de\/blog\/fachartikel\/verstandnis-des-asset-pipeline-plugins\/","title":{"rendered":"Grundlegendes zum Asset-Pipeline-Plugin"},"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 oder einfach Rails ist ein wunderbares Webanwendungs-Framework, geschrieben in Ruby. Es bietet Dienstleistungen f\u00fcr die Gestaltung von Webseiten an. Aufgrund seiner benutzerfreundlichen Funktionen, der geringeren Komplexit\u00e4t und der damit insgesamt verbesserten Effizienz hat es die Stimmen von Technikfreaks f\u00fcr seine schnelleren Dienste bei der Entwicklung einer Website gewonnen. Eine solche Funktion f\u00fcr RoR ist die Asset Pipeline.\n

Die Asset-Pipeline ist eine sehr leistungsstarke Funktion, die Rails bietet, um eine Vielzahl von Problemen im Zusammenhang mit dem Webdesign zu l\u00f6sen.<\/p>\n

Es minimiert den manuellen Aufwand, indem es alle Stylesheets, Javascript-Dateien, Bilder usw. wann immer m\u00f6glich kompiliert und verarbeitet und f\u00fcr den Einsatz vorbereitet. Die Asset-Pipeline kann die Qualit\u00e4t der Anwendung hinsichtlich Leistung und Flexibilit\u00e4t verbessern.<\/p>\n\n

<\/h3>\n

Die Asset-Pipeline:<\/h3>\n

Die Asset-Pipeline bietet ein Framework zum Verketten und Minimieren oder Komprimieren von JavaScript- und CSS-Assets. Es bietet au\u00dferdem die M\u00f6glichkeit, diese Assets in anderen Sprachen und Vorprozessoren wie CoffeeScript, Sass und ERB zu schreiben.<\/p>\n

Die Asset-Pipeline ist technisch gesehen nicht mehr ein Kernmerkmal von Rails 4, sie wurde aus dem Framework in das Sprockets-Rails-Juwel extrahiert.<\/p>\n

Die Asset-Pipeline ist standardm\u00e4\u00dfig aktiviert.<\/p>\n

Wir k\u00f6nnen die Asset-Pipeline beim Erstellen einer neuen Anwendung deaktivieren, indem wir die Option \u2013skip-sprockets \u00fcbergeben.<\/p>\n

Schienen neuer App-Name \u2013skip-sprockets<\/p>\n

Rails 4 f\u00fcgt Ihrer Gemfile automatisch die Sass-Rails, Coffee-Rails und Uglifier-Gems hinzu, die von Sprockets f\u00fcr die Asset-Komprimierung verwendet werden:<\/p>\n

Juwel 'Sass-Rails'<\/p>\n

Edelstein \u201eh\u00e4sslich\u201c<\/p>\n

Juwel 'Kaffeeschienen'<\/p>\n

Durch die Verwendung der Option \u2013skip-sprockets wird verhindert, dass Rails 4 Sass-Rails und Uglifier zur Gemfile hinzuf\u00fcgt. Wenn Sie also sp\u00e4ter die Asset-Pipeline aktivieren m\u00f6chten, m\u00fcssen Sie diese Gems zu Ihrer Gemfile hinzuf\u00fcgen. Au\u00dferdem wird beim Erstellen einer Anwendung mit der Option \u2013skip-sprockets eine etwas andere Datei config\/application.rb mit einer auskommentierten Anforderungsanweisung f\u00fcr das Sprockets-Railtie generiert. Sie m\u00fcssen den Kommentaroperator in dieser Zeile entfernen, um sp\u00e4ter die Asset-Pipeline zu aktivieren:<\/p>\n

# erfordert \u201eKettenr\u00e4der\/Railtie\u201c<\/p>\n

Um Asset-Komprimierungsmethoden festzulegen, legen Sie die entsprechenden Konfigurationsoptionen in Production.rb fest \u2013 config.assets.css_compressor f\u00fcr Ihr CSS und config.assets.js_compressor f\u00fcr Ihr JavaScript:<\/p>\n

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

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

<\/h3>\n

So verwenden Sie die Asset-Pipeline:<\/h3>\n

In fr\u00fcheren Versionen von Rails befanden sich alle Assets in \u00f6ffentlichen Unterverzeichnissen wie Bilder, Javascripts und Stylesheets. Mit der Asset-Pipeline ist der bevorzugte Speicherort f\u00fcr diese Assets nun das Verzeichnis app\/assets. Dateien in diesem Verzeichnis werden von der Sprockets-Middleware bereitgestellt.<\/p>\n

Verm\u00f6genswerte k\u00f6nnen weiterhin in der \u00f6ffentlichen Hierarchie platziert werden. Alle \u00f6ffentlichen Assets werden von der Anwendung oder dem Webserver als statische Dateien bereitgestellt, wenn config.serve_static_files auf true gesetzt ist. Sie sollten app\/assets f\u00fcr Dateien verwenden, die vor der Bereitstellung einer Vorverarbeitung unterzogen werden m\u00fcssen.<\/p>\n

In der Produktion kompiliert Rails diese Dateien standardm\u00e4\u00dfig in public\/assets vor. Die vorkompilierten Kopien werden dann vom Webserver als statische Assets bereitgestellt. Die Dateien in app\/assets werden niemals direkt in der Produktion bereitgestellt.<\/p>\n\n

Controller-spezifische Verm\u00f6genswerte:<\/h3>\n

Wenn Sie ein Ger\u00fcst oder einen Controller generieren, generiert Rails auch eine JavaScript-Datei (oder eine CoffeeScript-Datei, wenn sich das Coffee-Rails-Gem in der Gem-Datei befindet) und eine Cascading Style Sheet-Datei (oder eine SCSS-Datei, wenn sich Sass-Rails in der Gem-Datei befindet) f\u00fcr dieser Controller. Dar\u00fcber hinaus generiert Rails beim Generieren eines Ger\u00fcsts die Datei scaffolds.css (oder scaffolds.css.scss, wenn sass-rails in der Gemfile enthalten ist).<\/p>\n

Wenn Sie beispielsweise einen ProjectsController generieren, f\u00fcgt Rails auch eine neue Datei unter app\/assets\/javascripts\/projects.js.coffee und eine weitere unter app\/assets\/stylesheets\/projects.css.scss hinzu. Standardm\u00e4\u00dfig sind diese Dateien mithilfe der require_tree-Direktive sofort f\u00fcr die Verwendung durch Ihre Anwendung bereit. Weitere Informationen zu require_tree finden Sie unter Manifestdateien und Anweisungen.<\/p>\n

Sie k\u00f6nnen sich auch daf\u00fcr entscheiden, Controller-spezifische Stylesheets und JavaScript-Dateien nur in die jeweiligen Controller einzubinden, indem Sie Folgendes tun:<\/p>\n

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

Assets vorkompilieren:<\/h3>\n

Rails wird mit einer Rake-Aufgabe zum Kompilieren der Asset-Manifeste und anderer Dateien in der Pipeline geliefert.<\/p>\n

Kompilierte Assets werden an den in config.assets.prefix angegebenen Speicherort geschrieben. Standardm\u00e4\u00dfig ist dies das Verzeichnis \/assets.<\/p>\n

Sie k\u00f6nnen diese Aufgabe w\u00e4hrend der Bereitstellung auf dem Server aufrufen, um kompilierte Versionen Ihrer Assets direkt auf dem Server zu erstellen. Informationen zum lokalen Kompilieren finden Sie im n\u00e4chsten Abschnitt.<\/p>\n

Die Rake-Aufgabe lautet:<\/p>\n

$ RAILS_ENV=Produktions-Bin\/Rake-Assets: vorkompilieren<\/p>\n

Capistrano (v2.15.1 und h\u00f6her) enth\u00e4lt ein Rezept, um dies bei der Bereitstellung zu handhaben. F\u00fcgen Sie Capfile die folgende Zeile hinzu:<\/p>\n

\u201edeploy\/assets\u201c laden<\/p>\n

Dadurch wird der in config.assets.prefix angegebene Ordner mit shared\/assets verkn\u00fcpft. Wenn Sie diesen freigegebenen Ordner bereits verwenden, m\u00fcssen Sie Ihre eigene Bereitstellungsaufgabe schreiben.<\/p>\n

Es ist wichtig, dass dieser Ordner von Bereitstellungen gemeinsam genutzt wird, damit remote zwischengespeicherte Seiten, die auf die alten kompilierten Assets verweisen, weiterhin f\u00fcr die Lebensdauer der zwischengespeicherten Seite funktionieren.<\/p>\n\n

Live-Zusammenstellung:<\/h3>\n

Unter bestimmten Umst\u00e4nden m\u00f6chten wir m\u00f6glicherweise eine Live-Kompilierung verwenden. In diesem Modus werden alle Anfragen nach Assets in der Pipeline direkt von Sprockets bearbeitet.<\/p>\n

Um diesen Optionssatz zu aktivieren:<\/p>\n

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

Bei der ersten Anfrage werden die Assets wie oben in der Entwicklung beschrieben kompiliert und zwischengespeichert, und die in den Hilfsprogrammen verwendeten Manifestnamen werden so ge\u00e4ndert, dass sie den MD5-Hash enthalten.<\/p>\n

Sprockets setzt au\u00dferdem den Cache-Control-HTTP-Header auf max-age=31536000. Dies signalisiert allen Caches zwischen Ihrem Server und dem Client-Browser, dass dieser Inhalt (die bereitgestellte Datei) ein Jahr lang zwischengespeichert werden kann. Dies f\u00fchrt dazu, dass die Anzahl der Anfragen f\u00fcr dieses Asset von Ihrem Server reduziert wird. Es besteht eine gute Chance, dass sich das Asset im lokalen Browser-Cache oder in einem Zwischencache befindet.<\/p>\n

Dieser Modus verbraucht mehr Speicher, ist leistungsschw\u00e4cher als der Standardmodus und wird nicht empfohlen.<\/p>\n

Wenn Sie eine Produktionsanwendung auf einem System ohne bereits vorhandene JavaScript-Laufzeiten bereitstellen, m\u00f6chten Sie m\u00f6glicherweise eine zu Ihrer Gemfile:-Gruppe :Production hinzuf\u00fcgen<\/p>\n

Edelstein 'Therubyracer'<\/p>\n

Ende<\/p>\n

Railscarma hat Ruby on Rails von Anfang an implementiert, um es zu entwickeln, zu schulen, bereitzustellen, einen Beitrag zur Rails-Community zu leisten und das Beste zu bieten Ruby on Rails-Entwicklungsdienste<\/a>. RailsCarma bietet Unternehmen auf der ganzen Welt End-to-End-Ruby-on-Rails-Dienste einschlie\u00dflich Beratung, Architektur, Aufbau, Management und Erweiterung. Sie k\u00f6nnen Ruby on Rails-Entwickler auch \u00fcber einen einfachen Einstellungsprozess einstellen.Kontaktiere uns<\/a> mehr wissen.<\/p>\n

Mehr lesen :\u00a0<\/em><\/p>\n\n