Asset Pipeline for Perl
1 like•4,162 views
Plack::Middleware::Assets::RailsLike
![app.psgi
use strict;
use warnings;
use Plack::Builder;
builder {
enable 'Assets::RailsLike',
path => qr{^/assets},
root => '.',
search_path =>
[ './static/js', './static/css' ];
$app;
};](https://image.slidesharecdn.com/plack-middleware-assets-railslike-130831023028-phpapp01/85/Asset-Pipeline-for-Perl-8-320.jpg)
Asset Pipeline for Perl
- 2. Asset Pipeline •複数のJavaScriptやCSSを結合して、 minifyしたりしてくれる機能 •CoffeeScript、Sass等を自動で変換 •Railsに標準搭載されている
- 5. 使い方
- 6. ディレクトリ構造 . ├── app.psgi ├── assets │ ├── main.css │ └── main.js └── static ├── css │ ├── div.css │ └── style.css └── js ├── alert.js ├── functions.js └── jquery-2.0.3.js Manifestファイル 読み込ませたいファイルを記載 読み込みたい普通のjs, cssファイル
- 7. Manifest > cat assets/main.js //= require jquery-2.0.3 //= require functions //= require alert > cat assets/main.css /* *= require style *= require div */
- 8. app.psgi use strict; use warnings; use Plack::Builder; builder { enable 'Assets::RailsLike', path => qr{^/assets}, root => '.', search_path => [ './static/js', './static/css' ]; $app; };
- 9. DEMO
- 10. Pre-compile > assets-railslike-precompiler.pl -v > --search-path static/js > assets/main.js Compiles assets/main.js => assets/ main-1078b9553ce7343a23b915716b84d68bf5c72d64.js
- 11. DEMO