VimUnDo h?(g ȻL0Dj_ i - Zero configuration S _ V S6S2 (php -S localhost:8000 -t app server.php5_ + V S6S5 6php -S localhost:8000 -t app router/router.server.php5_ V S6SW 5_ V S6S[ - PHP 5_ V S6S`
- PHP 5.4.5_ V S6Sa - PHP 5.45_ V S6Sf - node5_ V S6Sh - ndoejs5_
V S6Sj - nodejs5_
V S6Sz
- node5_
V S6S~ - PHP 5.45_
V S6S - nodejs5_
6 v 6 S6S
- node 5_ 6 v 6 S6S
NPM dependencies5_ 6 v 6 S6S
dependencies5_ 6 v 6 S6S - PHP 5.45_
6 v 6 S6S
5_
6 v 6 S6S 5_ 6 v 6 S6S 5_ 6 v 6 S6S %- node / npm, with above dependencies5_ 6 v 6 S6S - node / npm, with dependencies5_ 6 v 6 S6S - node / npm, with dependencies 5_ 6 v 6 S6S - node, with dependencies 5_ 6 v 6 S6S - node, dependencies 5_ 6 v 6 S6S Requirements ---5_ 6 v 6 S6S 5_ 6 v 6 S6S 5_ 6 v 6 S6S - node, dependencies below:5_ 6 v 6 S6S /php -S localhost:8000 -t app router/router.php5_
6 v 6 S6U
5_ ! V S6U
5_ " ! V S6U 5_ ! # "
V S6Un " ! 5_ " $ # V S6Uq
# / , - 5_ # % $ V S6Ur
#
- * + 5_ $ & % V S6Us
# + ( ) 5_ % ' & V S6Uu
#
- * + 5_ & ( ' V S6Uy
$
# 5_ ' ) ( V S6U|
$ Declare 5_ ( * ) V S6U
$ Define your assets like this on5_ ) + * V S6U 5_ * , + V S6U $ # 5_ + - , V S6U
%
Turn this:5_ , . - V S6U
% There5_ - / . V S6U
% Currently there is just a ''5_ . 1 / ' V S6U
% 'Currently there is just a 'development'5_ / 2 0 1 4 V S6U
% 9Currently there is just a 'development' mode, where asset5_ 1 3 2 4 V S6U
% 6Currently there is just a 'development' mode, where `` % 5_ 2 4 3 ; V S6U
% ;Currently there is just a 'development' mode, where `asset`5_ 3 5 4 G V S6U
% GCurrently there is just a 'development' mode, where `asset` definitions5_ 4 8 5 & V S6U & 1dynamically converted to a valid HTML definition.5_ 5 9 7 8 * V S6U & *dynamically converted to a valid HTML tag.5_ 8 : 9 4 V S6U & 4dynamically converted to a valid HTML tag. In future5_ 9 ; : + V S6U & 6dynamically converted to a valid HTML tag. In future v5_ : < ; V S6U +dynamically converted to a valid HTML tag. 5_ ; = < * V S6U & *dynamically converted to a valid HTML tag.5_ < > = ) V S6U ' & 5_ = ? > V S6U ( On ''5_ > @ ? V S6U ( On 'production'5_ ? A @ V S6U ( On 'production' mode ()5_ @ B A * V S6U ( *On 'production' mode (not implemented yet)5_ A C B + V S6U ( 0On 'production' mode (not implemented yet) will 5_ B E C + V S6U ( OOn 'production' mode (not implemented yet) every javascript and stylesheet file5_ C F D E 0 V S6V ! ( 6On 'production' mode (not implemented yet) each ajvasc5_ E G F V S6V ) into a single file.5_ F H G & V S6V ) (into a single javascript and css file.x.5_ G I H & V S6V ) 'into a single javascript and css file..5_ H J I 5 V S6V% ) OOn 'production' mode (not implemented yet) each asset file will be pre-compiled5_ I K J > V S6V' ) XOn 'production' mode (not implemented yet) each asset category file will be pre-compiled5_ J L K > V S6V) ) ROn 'production' mode (not implemented yet) each asset categorywill be pre-compiled5_ K M L ? V S6V* " ) SOn 'production' mode (not implemented yet) each asset category will be pre-compiled5_ L N M H C & V C S6VE ) TOn 'production' mode (not implemented yet) each asset category shall be pre-compiled5_ M O N C & V C S6VG * pre-compiled &into a single javascript and css file.5_ N P O C 3 V C S6VK ) 3pre-compiled into a single javascript and css file.5_ O Q P C 3 V C S6VK ) (pre-compiled into a single and css file.5_ P S Q C 3 V C S6VK - ) $pre-compiled into a single css file.5_ Q T R S C 3 V C S6V\ - 5_ S U T V S6V^ / , 5_ T V U V S6V` $ $ 5_ U W V V S6V` . ( 5_ V X W V S6Vc * ) 5_ W Y X
V S6Vg * 5_ Y [ Z V S6Vj *
5_ Z \ [ V S6Vm * * 5_ [ ] \ V S6Vn + 5_ \ ^ ] V S6Vo 0 , 5_ ] _ ^ V S6V - - , 5_ ^ ` _ P P P V P S6V 3 Q Z r 5_ _ a ` V S6V 4 # / / 5_ ` b a V S6V 4 pre-compiled into a single file.5_ a c b V S6V 4 3pre-compiled into a single file. The result should 5_ b d c V S6V ! 4 n 5_ c e d V S6V ! 4 G 5_ d f e " V S6V ! " U 5_ e g f ! ( V S6V : " 3 ^ 5_ f h g V S6V ! 3 M 5_ g i h ! 1 V S6V @ " 3 > 5_ h j i V S6V A 3 pre-compiled into a single file:5_ i k j " V S6V ! "
Into this:5_ j l k " V S6V E ! " 5_ k o l V S6V L / *dynamically converted to a valid HTML tag.5_ l p n o 7 V S6W W / 8evaluated and dynamically converted to a valid HTML tag.5_ o q p V S6W X 0 5_ p r q V S6W 2 1 5_ q s r V S6W 5_ r t s V S6W 1 5_ s u t V S6W 5_ t v u V S6W Z 2 1 5_ u w v " V S6W b ! " 5_ v x w $ V S6X # & 2 # % 1 5_ w y x % V S6X $ ' 3
Attributes5_ x z y $ V S6X # % 4 5_ y { z ( V S6X ' * 6 ' ) 5 5_ z } { & V S6X c % ' 7 Asset attributes5_ { ~ | } ( V S6X& ( * 8 ( * 7 5_ } ~ ) V S6X* ( * 8 Currently supported ``5_ ~ ) V S6X, ( * 8 Currently supported `asset`5_ ) V S6X, ( * 8 Currently supported `<` ) * 8 5_ ) V S6X- ( * 8 Currently supported ``5_ + V S6X: * , : - href: local 5_ + V S6X; * , : - **: local + , : 5_ + V S6X< * , : - **href: local 5_ + V S6X? * , : - **href**: local 5_ + V S6XB * , : - **href**: local 5_ + V S6XF + - : + , : 5_ , V S6XG + - ; - **href**: file reference5_ , V S6XI + - ; - **source**: file reference5_ , V S6XQ + - ; - **source**: bower5_ , V S6XT , . ; , - ; 5_ - V S6XU , . < - **source**: bower5_ - V S6XW , . < - **compile**: bower5_ - V S6X^ , . < - **compile**: which5_ - - V S6Xd , . < .- **compile**: compile using which command? ()5_ & & - V S6Xk % & Features --- )Currently supported `` attributes: - **href**: file reference - **source**: bower B- **compile**: compile using which command? (browserify supported)5_ & & & V S6Xl % & 5_ % & & V S6Xm $ % 5_ % % % V S6Xm g $ % 5_
% % V S6Y 2 1 5_ ' ' V S6Y
3 Attention5_ ' ' V S6Y
3 MAMP Users:5_ ' ' V S6Y
3 **: 3 5_ ' ' V S6Y
3
**MAMP Users:5_ ' ' V S6Y
3 **MAMP Users**:5_ " ' ' V S6Y.
3 &**MAMP Users**: You should use PHP5.4+5_ & ' ' V S6YN
3 '**MAMP Users**: You should use PHP 5.4+5_ ( ' ' V S6YP
3 (**MAMP Users**: You should use PHP 5.4.05_ ( ' ' V S6YS i
3 )**MAMP Users**: You should use PHP 5.4.0+5_ 4 ' ' V S6YW
3 4**MAMP Users**: You should use PHP 5.4.0 or greater. 3 5_ W ' ' V S6Y[
3 X**MAMP Users**: You should use PHP 5.4.0 or greater. /Applications/MAMP/bin/php/php5.4.*5_ 5 ' ' V S6Y^
3 X**MAMP Users**: You should use PHP 5.4.0 or greater. /Applications/MAMP/bin/php/php5.4.05_ 5 ' ' V S6Y_ j
3 7**MAMP Users**: You should use PHP 5.4.0 or greater. `` 3 5_ 5 ' ' V S6Yb
3 Z**MAMP Users**: You should use PHP 5.4.0 or greater. `/Applications/MAMP/bin/php/php5.4.0`5_ [ ' ' V S6Yg
3 **MAMP Users**: You should use PHP 5.4.0 or greater. Check what version you have installed `/Applications/MAMP/bin/php/php5.4.0`5_ c ' ' V S6Yj
3 d**MAMP Users**: You should use PHP 5.4.0 or greater. Check what version you have installed and run: 3 5_ H ' ' V S6Yn
3 **MAMP Users**: You should use PHP 5.4.0 or greater. Check what version you have installed and run: `/Applications/MAMP/bin/php/php5.4.0`5_ ( ( V S6Yp k
H**MAMP Users**: You should use PHP 5.4.0 or greater. Check what version 5_ ( ( V S6Yq l
4 Ayou have installed and run: `/Applications/MAMP/bin/php/php5.4.0`5_ 6 ( ( V S6Yt
4 7you have and run: `/Applications/MAMP/bin/php/php5.4.0`5_ ? ( ( V S6Y q
4 @you have and run: `/Applications/MAMP/bin/php/php5.4.0/bin/php `
4 5_ $ V S7f z 4 .php -S localhost:8000 -t app router/router.php5_ " S:B8 { ! # 4 GOn 'production' mode (not implemented yet) each asset category shall be5_ " S:B8 | ! # 4 2On 'production' mode each asset category shall be5_ " ) S:B; ! # 4 1On 'production' mode each asset category shall be5_ " + S:B< ! # 4 ,On 'production' mode each asset category is /pre-compiled and compressed into a single file:5_ ! S:BA } [On 'production' mode each asset category is pre-compiled and compressed into a single file: Q B Dependencies --- - PHP 5.4 ```bash 7npm install -g bower less coffee-script browserify brfs ``` License --- MIT5_ % S:BD $ & 0 N 5_ % Q S:BF $ ' / 5_ % S:BJ $ & 0 Q 5_ % S:BK $ & 0 L 5_ % S:BL $ & 0 N 5_ & ( S:BP % ' 0 B 5_
S:Bf 1 0 5_ S:Bn
2 Compiling for production5_ S:Bq
5 ``5_ S:Br
5 ``````5_ S:Bs 6 5_ . S:G - / 7 . / 7 5_ . S:G - / 7 optimize5_ . S:G - 0 7 . / 7 5_ . . 6 / 6 V 6 S:G - 0 8 F 75_ . . 6 / 6 V 6 S:G - 0 8 H 9 5_ , 6 - 6 , 6 V 6 S:G + , J ; 5_ , , 6 , 6 V 6 S:G + - 7 + - 6 5_ , - 6 - 6 V 6 S:G + - 7 ``5_ , - 6 - 6 V 6 S:G + . 7 ``````5_ . . / V S:G - . J ; 5_ - . . V S:G , / 6 - . 6 5_ - - . V S:G , / 8 J ; 5_ - - . V S:G , / 8 H 9 5_ $ - . V S:G $ & 9 $ & 8 5_ % . / V S:G $ & 9 ``5_ % . / V S:G $ ' 9 ``````5_ ' ' ) V S:G & ' n ^ U 5_ & ' ' V S:G % ) 7 & ' 7 5_ & & ( V S:G % ) : n ^ U 5_ & & ( V S:G % ) : l \ S 5_ & ( V S:G ; : 5_ ' ) V S:G ; ``5_ ' ) V S:G ; ``````5_ # V S:G / , 5_ V S:G # 8 8 5_ " V S:G # < / , 5_ " V S:G # <
- * 5_ " V S:G * = = = < 5_ + + - V S:G * + + ( 5_ + + + V S:G * + 5_ * + + V S:G ) * 5_ ) V S:G * C , / - J U 2 " 5_ ) V S:G * C
* - + H S 0 5_ - ) V S:G , 8 D - . D , . C 5_ - 7 C - V S:G , - x T _ h b g ^ d V H D5_ / - C - V S:G . 0 C 5_ / - C - V S:G . : D / 0 D 5_ : : = V S:G 9 : j Z Q5_ C
: : V S:H B E K Dependencies ---5_ C : : V S:H B D L 5_ D : : V S:H C E
Dependencies 5_ K : : V S:H J L M License ---5_ K : : V S:H K M M 5_ L : : V S:H K M N L M N 5_ K : : V S:H J L License 5_ : : V S:H N N 5_ : : V S:H php router/index.php app5_ : : V S:H N php router/index.php app5_
: : V S:H O N 5_ < < V S:H
P First 5_ < < V S:H#
P First param is th5_ < < V S:H,
P Just 5_ < < V S:H9
P Just provide your webapp and 5_ < < V S:H:
P Just provide your app and 5_ H < < V S:HH
P HJust provide your app and compilation directories as argument to compile5_ V S:H O Jproof of concept using `assets` tag as a layer on top of `bower` and asset precompilation.5_ V S:H O .Asset manager with lot's of less configuration5_ J ? V S:H I K O C```bash npm install -g bower less coffee-script browserify brfs ```5_ J F V S:H I K O J```bash npm install -g bower less coffee-script browserify brfs minify ```5_ J V S:H I L O I```bash npm install -g bower less coffee-script browserify brfs minify```5_ K > V S:H J M P Anpm install -g bower less coffee-script browserify brfs minify```5_ J V S:H I K ```bash 5_ K > V S:H J L Q >npm install -g bower less coffee-script browserify brfs minify K L Q 5_ K J V S:I J L Q Knpm install -g bower less coffee-script browserify brfs minify uglify-js -g5_ K I V S:I J L Q Jnpm install -g bower less coffee-script browserify brfs minify uglify-js -5_ K H V S:I J L Q Inpm install -g bower less coffee-script browserify brfs minify uglify-js 5_
V S:I Q ,Asset manager with almost any configuration.5_ @ V S:I! Q @Asset manager/precompilation tool with almost any configuration.5_ @ V S:I& Q @Asset manager/precompilation tool with almost any configuration.5_ V S:I7 Q IAsset manager/precompilation tool with almost any configuration. Support 5_
V S:I@ Q Simpler approach 5_
V S:ID Q Simpler build-system approach 5_
V S:IE Simpler build-system approach. 5_
V S:IG Q Simpler build-system approach.5_
V S:I^ Simpler build-system approach. 5_
v S:Ie Q KCurrently there is just a 'development' mode, where `asset` definitions are5_ v S:Ii Q 4On 'development' mode, where `asset` definitions are5_ v S:Io Q .On 'development' mode, `asset` definitions are Gevaluated and dynamically converted to a valid HTML tag, with on-demand5_ v S:Is P vOn 'development' mode, `asset` definitions are evaluated and dynamically converted to a valid HTML tag, with on-demand compilation.5_ v S:I P :converted to a valid HTML tag, with on-demand compilation.5_ , v S:I P Gconverted to a valid HTML tag, and compiled with on-demand compilation.5_ 5 v S:I P Bconverted to a valid HTML tag, and compiled on-demand compilation.5_ < , v S:I ; = P NOn 'production' mode each asset category is pre-compiled and compressed into a5_ ; v S:I : > P JOn 'production' mode each asset category is compiled and compressed into a single file:5_ v S:I P Simpler build-system approach.5_ v S:I P $Opini Simpler build-system approach. P 5_ v S:I P *opinionated Simpler build-system approach.5_ v S:I P *Opinionated Simpler build-system approach.5_ v S:I P "Opinionated build-system approach.5_ - v S:I P .Opinionated and simpler build-system approach.5_ ! v S:I P .Opinionated and simpler build-system approach.5_ " ! v S:I P 0A Opinionated and simpler build-system approach.5_ ! # " v S:JB P lazy asset manager5_ " $ #
v S:JB P lazy-asset manager5_ # % $ v S:JC P lazy-assets manager5_ $ & % v S:JN Q P 5_ % ' & v S:JR R Requires PHP5.45_ & ) ' v S:JT R Requires PHP 5.45_ ' * ( ) v S:JX Requires PHP 5.4.5_ ) + * D v S:JZ C E P Dependencies5_ * , + G v S:J] G I Q G I P 5_ + - , H D F V S:Ja G I Q - Node5_ , . - H D F V S:Ja G I Q - Node ()5_ - / . H D F V S:Jd G I Q - Node (packages)5_ . 0 / H # D F V S:Jg G I Q $- Node (globally available packages)5_ / 1 0 C D M V S:Jm B C
Requirements --- - PHP 5.4 *- Node (globally available packages below) ```bash Hnpm install -g bower less coffee-script browserify brfs minify uglify-js ```5_ 0 2 1 C C V S:Jo G G 5_ 1 3 2 M M V S:Js R Q 5_ 2 4 3 P P V S:Jz U T 5_ 3 5 4 R R V S:J{ 5_ 4 6 5 Q Q V S:J G**MAMP Users**: You should use PHP 5.4.0 or greater. Check what version jyou have and run: `/Applications/MAMP/bin/php/php5.4.0/bin/php -S localhost:8000 -t app router/router.php`5_ 5 9 6 N N V S:J
R Compiling for production5_ 6 < 8 9 H N N V S:J R IJust provide your app and compilation directories as argument to compile:5_ 9 = ; < & N N V S:J R IJust provide your app and compilation directories as argument to compile.5_ < > = N N V S:J R GJust provide your app and compilation directory as argument to compile.5_ = ? > N N V S:J R Bprovide your app and compilation directory as argument to compile.5_ > @ ? N N V S:J R php router/index.php app public5_ ? A @ N N V S:J R php router/index.php {}5_ @ B A N N V S:J R php router/index.php {input-dir}5_ A C B " N N V S:J R #php router/index.php {input-dir} {}5_ B D C N N V S:J R -php router/index.php {input-dir} {output-dir}5_ C E D ( N N V S:J R -php router/index.php {input_dir} {output-dir}5_ D G E N N V S:J R BProvide your app and compilation directory as argument to compile.5_ E H F G ! N N V S:J R -php router/index.php {input_dir} {output_dir}5_ G I H ! N N V S:J R #php router/index.php {input_dir} [] R 5_ H K I N N V S:J Provide 5_ I L J K N N V S:J R Provide5_ K M L N N V S:J R
Provide ``5_ L N M N N V S:J R Provide `input_dir`5_ M O N N N V S:J R 2Provide `input_dir`, which your application's code5_ N P O 1 N N V S:J R 1Provide `input_dir` which your application's code5_ O Q P N N V S:K R 6Provide `input_dir` which your application's code and 5_ P R Q N N V S:K R IOn the commandline Provide `input_dir` which your application's code and 5_ Q S R v S:K
R IOn the commandline provide `input_dir` which your application's code and 5_ R T S v S:K R 6provide `input_dir` which your application's code and 5_ S U T 6 v S:K R 6Provide `input_dir` which your application's code and 5_ T V U B v S:K R CProvide `input_dir` which your application's code and optionally ``5_ U W V M v S:K R MProvide `input_dir` which your application's code and optionally `output_dir`5_ V X W v S:K for5_ W Y X M v S:K R MProvide `input_dir` which your application's code and optionally `output_dir`5_ X Z Y O v S:K R PProvide `input_dir` which your application's code and optionally `output_dir` ()5_ Y [ Z
v S:K ! S (default is ``)5_ Z \ [
v S:K S (default is `public`)5_ [ ] \
v S:K! # S (default is `''`) S 5_ \ ^ ] v S:K# , S (default is `'public'`)5_ ] _ ^ v S:K. S (default is `'public'`).5_ ^ ` _ v S:K9 T defined5_ _ a ` v S:K: < T you defined5_ ` b a
$ v S:K > T *- Node (globally available packages below)5_ a c b
v S:K T 3- Node (globally available packages required below)5_ b d c v S:K
U
T 5_ c e d
v S:K ? - Node 5_ d f e . v S:K B U 5_ e g f " v S:K D
V /You need to install the following dependencies:5_ f h g & v S:K K
V 3You need to install the following npm dependencies:5_ g j h ( ( * V S:K ' ( HOn 'development' mode, `asset` definitions are evaluated and dynamically 6converted to a valid HTML tag, and compiled on-demand. 5_ h k i j ( ( V S:K M S S 5_ j l k + + V S:K P 5_ k m l I * * V S:K H I JOn 'production' mode each asset category is compiled and compressed into a single file:5_ l n m & * * V S:K % ) R & ' R 5_ m o n & - - V S:K % & JOn 'production' mode each asset category is compiled and compressed into a single file:5_ n p o " * * V S:K R ! % R " # R 5_ o q p $ - - V S:K X # % U single file:5_ p s q - - V S:K Y U 6converted to a valid HTML tag, and compiled on-demand.5_ q t r s v S:K U 6converted to a valid HTML tag. and compiled on-demand.5_ s u t v S:K a U 2converted to a valid HTML tag. compiled on-demand.5_ t v u ; v S:K U ;converted to a valid HTML tag. They are compiled on-demand.5_ u w v @ v S:K U Aconverted to a valid HTML tag. They are compiled on-demand. No ``5_ v x w F v S:K d U Fconverted to a valid HTML tag. They are compiled on-demand. No `watch`5_ w y x ? v S:K U Pconverted to a valid HTML tag. They are compiled on-demand. No `watch` required.5_ x z y E v S:K j U Pconverted to a valid HTML tag. They are compiled on-demand. No "watch` required.5_ y { z ? ? E v E S:K U Pconverted to a valid HTML tag. They are compiled on-demand. No "watch" required.5_ z | { ? ? E v E S:K k U Kconverted to a valid HTML tag. They are compiled on-demand. No `` required. U 5_ { } | ? E v E S:K p U HOn 'development' mode, `asset` definitions are evaluated and dynamically Rconverted to a valid HTML tag. They are compiled on-demand. No `"watch"` required.5_ | ~ } - ? E v E S:L , / W , . V 5_ } ~ . ? E v E S:L
- / X Wrap all your assets5_ ~ . ? E v E S:L - / X Wrap all your assets with ``5_ . " ? E v E S:L - / X "Wrap all your assets with `assets`5_ . ? E v E S:L q - / LWrap all your assets with `assets` tag, and define your dependencies there. 5_ . K ? E v E S:L - 0 X KWrap all your assets with `assets` tag, and define your dependencies there.5_ /
? E v E S:L . 0 Y you provide ``5_ / ? E v E S:L! . 0 Y you provide `source=""`5_ / ? E v E S:L# . 0 Y you provide `source="bower"`5_ / * ? E v E S:L( . 0 Y -you provide `source="bower"`, the package you5_ / . ? E v E S:L) . 0 Y /you provide `source="bower"`, the package on ``5_ / 3 ? E v E S:L* . 0 Y 3you provide `source="bower"`, the package on `href`5_ / K ? E v E S:L- . 1 Y Lyou provide `source="bower"`, the package on `href` will be installed via ``5_ 0 ? E v E S:L1 s / 1 Z install -s {}`5_ 0 ? E v E S:L3 t / 1 Z install -s {href}`5_ 0 ? E v E S:LK v / 1 Z install -s {href}`.5_ . L ? E v E S:LN - 1 Z NWrap all your assets with `assets` tag, and define your dependencies there. If5_ . ? E v E S:LO w - / LWrap all your assets with `assets` tag, and define your dependencies there. 5_ 0 ? E v E S:LP / 1 \ If Pyou provide `source="bower"`, the package on `href` will be installed via `bower5_ / ? E v E S:LP } . 2 \ . 0 [ 5_ 0 0 4 V S:LZ ~ / 0 Features --- SIf you provide `source="bower"`, the package on `href` will be installed via `bower install -s {href}`.5_ 0 0 0 V S:Lr / 0 5_ . 0 0 V S:L~ - / X KWrap all your assets with `assets` tag, and define your dependencies there.5_ . 0 0 V S:L~ - / X GWrap all your assets with `<>` tag, and define your dependencies there. . / X 5_ . 5 0 0 V S:L - / X MWrap all your assets with `` tag, and define your dependencies there.5_ . E 0 0 V S:L - / X YWrap all your assets with `` tag, and define each dependency dependencies there.5_ . K 0 0 V S:L - 0 X LWrap all your assets with `` tag, and define each dependency with ``5_ / 1 1 V S:L . 0 Y ``5_ / 1 1 V S:L . 0 Y `` tag.5_ / 1 1 V S:L . 0 Y `` tag. Examples:5_ 1 1 1 V S:L 0 2 Y
**Source** 1 2 Y 5_ 1 1 1 V S:L 0 2 Y **Examples:Source**5_ / 1 1 V S:L . 0 `` tag. 5_ 1 1 1 V S:L 0 2 Y
**Examples:**5_ 1 1 1 V S:L 0 2 Y **Example:**5_ P 1 1 V S:L O R Z O Q Y 5_ Q 0 1 1 V S:L P R [ 5When compiling it for production, the result is just 5_ Q C 1 1 V S:L P S [ DWhen compiling it for production, the result is a single file for ``5_ 1 1 V S:L \ HOn 'development' mode, `asset` definitions are evaluated and dynamically5_ 1 1 V S:L \ HOn "development' mode, `asset` definitions are evaluated and dynamically5_ ? 1 1 V S:L \ Hconverted to a valid HTML tag. They are compiled on-demand. No `"watch"`5_ F 1 1 V S:L \ Gconverted to a valid HTML tag. They are compiled on-demand. No "watch"`5_ 1 1 V S:L ] \ 5_ 2 2 V S:L ] # compiling your source5_ 2 2 V S:L ] # compiling your ``5_ 2 2 V S:M ] # compiling your ""5_ 2 2 V S:M ] # compiling your "app"5_ 2 2 V S:M ] "# compiling your "app" source-code5_ 2 2 V S:M ] !# compiling your app" source-code5_ 2 2 V S:M
] # compiling your app source-code5_ 2 2 V S:M ] # compiling your source-code5_ 2 2 V S:M # compiling 5_ 2 2 V S:M ] # compiling5_ 2 2 V S:M # compiling for production5_ 1 1 V S:M+ ] \ 5_ 3 3 V S:M, ^ ``5_ 3 3 V S:M/ ^ `app`5_ 3 3 V S:M0 `app`5_ 1 1 V S:MO \ -php -S localhost:8000 -t app router/index.php5_ 1 1 V S:MP \ ,php -S localhost:8000 -t {} router/index.php5_ 2 1 1 V S:M` 1 6 ] 1 3 \ 5_ 5 1 1 V S:Mg 5 7 ` 5 6 ` 5_ 5 1 1 V S:Mh 4 5 5_ 5 1 1 V S:Mh 4 6 a 4 6 ` 5_ 5 1 1 V S:Mi 4 6 a ``5_ 5 1 1 V S:Mi 4 7 a ``````5_ 7 1 1 V S:Mk 6 7 5php -S localhost:8000 -t {input_dir} router/index.php5_ 6 1 1 V S:Mk 5 7 a 6 7 a 5_ 6 6 6 # v # S:Mn 5 7 b 5php -S localhost:8000 -t {input_dir} router/index.php5_ G 6 6 # v # S:Mx F H b
**Result**5_ G 6 6 # v # S:M} F H b When requested5_ G 6 6 # v # S:M~ F H b When requested5_ G 6 6 # v # S:M F H b When `` requested5_ G 6 6 # v # S:M F H b When `http://` requested G H b 5_ G 6 6 # v # S:M F H b !When `http://localhost` requested5_ G 6 6 # v # S:M F H b %When `http://localhost:800` requested5_ G 6 6 # v # S:M F H b &When `http://localhost:8000` requested5_ G ) 6 6 # v # S:M F H b )When `http://localhost:8000` is requested5_ G / 6 6 # v # S:M F H b BWhen `http://localhost:8000` is requested, the following will be t5_ G K 6 6 # v # S:M F H b UWhen `http://localhost:8000` is requested, the output will be the following will be t5_ G 6 6 6 # v # S:M F I b LWhen `http://localhost:8000` is requested, the output will be the following:5_ G 9 6 6 # v # S:M F H c NWhen `http://localhost:8000` is requested, the output of HTML file will be the5_ F 6 6 # v # S:M E I c RWhen `http://localhost:8000` is requested, the output of the HTML file will be the
following:5_ Z 6 6 # v # S:M Y \ d Y [ c 5_ [ 6 6 # v # S:M Z \ e ``5_ [ 6 6 # v # S:M Z ] e ``````5_ \ 6 6 # v # S:M [ ^ g [ ] f 5_ ] 6 6 # v # S:M ] _ h ] ^ h 5_ ] 6 6 # v # S:M \ ] 5_ ] 6 6 # v # S:M \ ^ h /php router/index.php {input_dir} [{output_dir}]5_ ] 6 6 # v # S:M \ ^ h 'php router/index.php app [{output_dir}]5_ 8 6 6 # v # S:M 7 : i 7 9 h 5_ 9 6 6 # v # S:M 8 : j Delcare your5_ 8 6 6 # v # S:M 7 8 Delcare you5_ $ h V S:N< # % h JOn 'production' mode each asset category is compiled and compressed into a5_ $ h V S:N< # % h JOn "production' mode each asset category is compiled and compressed into a5_ 3 3 7 V S:NJ 2 3 Start the development server: ```bash -php -S localhost:8000 -t app router/index.php ```5_ 0 3 3 V S:NK / 5 c 0 1 c 5_ 0 8 8 V S:NL / 1 h 5_ 1 9 9 V S:NM 0 2 i Start the development server:5_ 1 9 9 V S:NQ 0 2 i /First you need to Start the development server:5_ 8 9 9 V S:NU 7 8 5_ 7 8 8 V S:NZ 6 8 h **Example**5_ Y 8 8 V S:Nr X Z h another for javascript:5_ X 8 8 V S:Ny W Z i W Y h 5_ ] ] ` V S:N \ ] ```bash # compiling to production php router/index.php app ```5_ Y ] ] V S:N X ] f Y Z f 5_ Y a a V S:N X Z j 5_ [ b b V S:N Z [ # compiling to production5_ ` a a V S:N _ ` 5_ ^ ^ ^ v S:N ] _ i IWhen compiling it for production, the result is a single file for css and5_ ^ ^ ^ v S:N ] _ i ( the result is a single file for css and5_ ^ ^ ^ v S:N ] _ i 'the result is a single file for css and5_ ^ ^ ^ v S:N ] _ i 'The result is a single file for css and5_ ^ ^ ^ v S:N ] _ i ( The result is a single file for css and5_ ^ ^ ^ v S:N ] _ i .The `` The result is a single file for css and5_ ^ ^ ^ v S:N ] _ i ?The `public/index.html` The result is a single file for css and5_ ^ " ^ ^ v S:N ] _ i JThe `public/index.html` file will The result is a single file for css and5_ ^ M ^ M _ v M S:N ] ` g MThe `public/index.html` file will have a single file for css and another for ] _ i uThe `public/index.html` file will have a single file for css and another for The result is a single file for css and another for javascript. 5_ _
_ _ v M S:N _ a h 5_ _ _ _ v S:N ^ ` i javascirpt.5_ ^ ^ _ V S:N ] ^ LThe `public/index.html` file will have a single file for css and another for javascript.5_ ^ ^ ^ V S:N ] ^ 5_ ] ^ ^ V S:N \ _ g \ ^ f 5_ h V S:N # h 0A opinionated and simpler build-system approach.5_ V S:O $ h /A opinionated and simple build-system approach.5_ V S:O 0 h 0An opinionated and simple build-system approach.5_ & v & S:O~ 2 h =An opinionated and simple yet powerful build-system approach.5_ & v & S:e h lazy-assets === 0An opinionated and simple build-system approach. Requirements --- - PHP 5.4 - Node 7You need to install the following npm modules globally: ```bash Hnpm install -g bower less coffee-script browserify brfs minify uglify-js ``` Development server --- HOn "development" mode, `asset` definitions are evaluated and dynamically Fconverted to a valid HTML tag. They are compiled on-demand. No "watch" required. ```bash 5php -S localhost:8000 -t {input_dir} router/index.php ```
Production --- MProvide `input_dir` which your application's code and optionally `output_dir` J(default is `'public'`). It will take a little time to compile every asset you defined. JOn "production" mode each asset category is compiled and compressed into a single file. ```bash /php router/index.php {input_dir} [{output_dir}] ```
How to use --- IWrap all your assets with `` tag, and define each dependency with `` tag. /First you need to start the development server: ```bash -php -S localhost:8000 -t app router/index.php ``` Then define your dependencies: ```html ( + ) F Q . ``` NWhen `http://localhost:8000` is requested, the output of the HTML file will be the following: ```html x T _ h b g ^ d V H D ``` $Now let's compile it for production: ```bash php router/index.php app ``` Result: ```html F 7 ``` License --- MIT5_ a & v & S: ` c i a b i ` b i ` b h 5_ a c a V S: ` b X 5_
c c e V S: 4 b c F 75_
S^ 9 - PHP 5.45_
S^
7You need to install the following npm modules globally:5_
S^ :
5_
S^ ; - Node5_
S^ < c Onpm install -g bower less stylus coffee-script browserify brfs minify uglify-js5_
U v S^% c Unpm install -g lazy-assets less stylus coffee-script browserify brfs minify uglify-js5_
U v S^' d
c 5_
U v S^' = e
e 5_
U v S^( E ; less stylus coffee-script browserify brfs minify uglify-js5_ S% M :less stylus coffee-script browserify brfs minify uglify-js5_ S* d c 5_
S1 d lazy-assets {}5_ S4 5php -S localhost:8000 -t {input_dir} router/index.php5_ S7 O c lazy-assets {input_dir}5_ SB d c 5_ SK 5_ SL U ``5_
v
Sx V ! b On "production" mode . c JOn "production" mode each asset category is compiled and compressed into a single file.5_ # v
S " $ c /php router/index.php {input_dir} [{output_dir}]5_ #
v
S " $ c lazy-assets {}5_ ! # v
S " $ c lazy-assets {input_dir}5_ " ! # v
S " $ c lazy-assets {input_dir} {}5_ ! # " # v
S " $ c $lazy-assets {input_dir} {output_idr}5_ " $ # # v
S d " $ c #lazy-assets {input_dir} {output_dr} # $ c 5_ # % $ / v
S% i . 0 c -php -S localhost:8000 -t app router/index.php5_ $ & % , . v
S4 + - c /First you need to start the development server:5_ % ' & , > v
S; + - c GFirst you need to start the development server, by default it listens :5_ & ( ' , H v
S= + . c KFirst you need to start the development server, by default it binds on [] :5_ ' * ( - v
SA , . d [localhost:3000] :5_ ( + ) * - v
SH , . d [localhost:3000]() : - . d 5_ * , + - v
SJ j , . d "[localhost:3000](localhost:3000) :5_ + - , - ' v
SL r , . d )[localhost:3000](http://localhost:3000) :5_ , . - W v
S` s V X d php router/index.php app5_ - / . W , v
Si v V X d 2lazy-assets examples/simple examples/simple-public5_ . 0 / ] ] ] v Sp \ ^ d T5_ / 1 0 ] ] ] v Sr \ ^ d L5_ 0 2 1 ] ] ] v Ss \ ^ d M ] ^ d 5_ 1 3 2 ] ] ] v Su \ ^ d U5_ 2 4 3 ] $ ] ] v Sx \ ^ d [5_ 3 5 4 ] ] ] v Sy \ ] U5_ 4 6 5 ] ] ] v Sy w ] _ c ] ^ c 5_ 5 7 6 ] $ ] ] v S| \ ^ d E5_ 6 8 7 ] 3 ] ] v S \ ^ d K5_ 7 9 8 ] / ] ] v S \ ^ d >5_ 8 : 9 ] / ] ] v S \ ^ d ? ] ^ d 5_ 9 < : ] @ ] ] v S \ ^ d L5_ : = ; < V S b MProvide `input_dir` which your application's code and optionally `output_dir` J(default is `'public'`). It will take a little time to compile every asset you defined.5_ < > = v S b OOn "production" mode all your javascripts and stylesheets are compressed into a5_ = ? > v S b ; all your javascripts and stylesheets are compressed into a5_ > @ ? v S a When compiling for production :all your javascripts and stylesheets are compressed into a5_ ? A @ 0 v S ` XWhen compiling for production all your javascripts and stylesheets are compressed into a5_ @ B A 0 v S ` YWhen compiling for production, all your javascripts and stylesheets are compressed into a single file.5_ A C B ( ( ( v S ' ) ` FFirst you need to start the development server, by default it binds on5_ B D C ( ( ( v S ' ) ` 7to start the development server, by default it binds on5_ C E D ' ( ( v S & * ` 7To start the development server, by default it binds on ([localhost:3000](http://localhost:3000).5_ D F E ( ( ( v S ' ) ` 7To start the development server, by default it binds on5_ E G F ( 4 ( ( v S ' ) ` JTo start the development server, run the following: by default it binds on5_ F H G ( 6 ( 6 ) ' v ' S ' ) ` LTo start the development server, run the following: ()by default it binds on ([localhost:3000](http://localhost:3000).5_ G I H ( 5 ( 6 ( ] v ' S ' * _ 6To start the development server, run the following: () ( ) _ 5_ H J I ( ( 6 ( ] v ' S ' * ` KTo start the development server, run the following: (by default it binds on )[localhost:3000](http://localhost:3000).)5_ I K J ( 6 ) v ' S ` HOn "development" mode, `asset` definitions are evaluated and dynamically5_ J M K ( 6 ) v ' S ` GOn development" mode, `asset` definitions are evaluated and dynamically5_ K O L M ( 6 ) v ' S
a ` 5_ M P N O V S
Features: --- 5_ O R P \ V S [ a ` \ ] ` 5_ P S Q R \ \ _ V S [ \ Features: --- 5_ R T S \ \ V S a a 5_ S U T ` ` V S
f e 5_ T V U b b V S,
g - Zero coniguration5_ U W V b b V S0
g - Zero configuration5_ V X W b b V S1
g - Zero-configuration5_ W Y X b b V S7
g "- Zero-configuration uglify/minify5_ X Z Y ) b b V S9 g )- Zero-configuration concat/uglify/minify5_ Y [ Z
c c V S: - 5_ Z \ [ c c V S<
i h 5_ [ ] \ e e V S? 5_ \ ^ ] d d V S@ 5_ ] _ ^ c c V SA
h )- Zero-configuration concat/uglify/minify5_ ^ ` _
c c V SC
i
h 5_ _ a ` d d V SG
i - zero configuration!5_ ` b a d d V SI
i - Zero configuration!5_ a c b d d V SK
i - Zero configuration5_ b d c d d V SU
i - concat/uglify/minify5_ c e d d d V SX
i "- concat/uglify/minify stylesheets5_ d f e d d V SZ
- concat/uglify/minify 5_ e h f
d d V S] i -5_ f i g h
d d V S
j
i 5_ h k i e e V S
j - appcache generation5_ i l j k e e V S
j - .appcache generation5_ k m l e e V S
j - cache file generation5_ l n m e e V S
- cache manifest generation5_ m o n d d V S 5_ n p o c c V S
i
h 5_ o q p d d V S j
i 5_ p r q
f f V S k
- StyleSheet 5_ q s r
f f V S $- CSS minification and optimization 5_ r t s f f V S
- built-in server5_ s u t e e V S
- concat/uglify/minify5_ t v u d d V S
i - bower integration5_ u x v d d V S
i - zero configuration5_ v y w x d d V S - Zero configuration5_ x z y c c V S
h h 5_ y { z d d V S - Zero configuration5_ z | { c c V S h
h 5_ { } | d d V S 5_ | ~ } c c V S h 5_ } ~ d d V S
i - Zero configuration5_ ~ d d V S
i - ****
i 5_ v x w c c V S 5_ i k j e e V S
j - cache generation5_ f h g
d d V Sh i - dependency management5_ P R Q \ V S [ _ 5_ M O N * 6 + v ' S 5_ K M L * 6 + v ' S ` a 5_ : < ; V S 5_ ( * ) - v
SD - . d , . d [localhost:3000](listens) :5_
U v S^$ c npm install -g lazy-assets```5_
S^ 5
g - nodejs5_ [ a a V S:N Z \ j php router/index.php ap5_ 9 6 6 # v # S:M 8 : j De5_ 8 1 1 V S:Mj 7 9 5_ 1 1 V S:M \ ,php -S localhost:8000 -t [] router/index.php5_ 1 1 V S:M \ ,php -S localhost:8000 -t {} router/index.php5_ 1 1 V S:M \ 5php -S localhost:8000 -t {input_dir} router/index.php5_ 2 2 V S:M \ 5_ 0 0 V S:L \ Pconverted to a valid HTML tag. They are compiled on-demand. No "watch" required.5_ / / / V S:LX . 5 5_ q s r v S:K U 5converted to a valid HTML tag. nd compiled on-demand.5_ h j i + + V S:K S S HOn 'development' mode, `asset` definitions are evaluated and dynamically 6converted to a valid HTML tag, and compiled on-demand. 5_ I K J . N N V S:J R 0php router/index.php {input_dir} [{output_dir}=]5_ E G F N N V S:J R php router/index.php 5_ 9 : < ; I N N V S:J R NJust provide your app and compilation directories as argument to compile. Your5_ 9 ; : I O O V S:J R LJust provide your app and compilation directories as argument to compile. It will generate all the necessary 5_ 6 7 9 8 P P V S:J R ! S 5_ 6 8 7 N N V S:J R Compiling for production5_ ' ) ( v S:JV R S 5_ v S:I P +Opinionated and lazy build-system approach.5_
v S:I P *opinionateD Simpler build-system approach.5_
v S:Ic Q 5_ V S:I4 Q 5_ ? V S:I" Q IAsset manager/precompilation tool with almost any configuration out of h.5_ : : V S:H N php router/index.php source5_ $ $ V S:G 8 8 / , 5_ S:G 7 7 optimize5_ ! S:B\ ! 0 " 1 C5_ # V S7c 4 -php -S localhost:8000 -t app routerrouter.php5_ { } | % V S6X" $ ( 5_ l m o n 7 V S6W / Ievaluated and dynamically converted to a valid HTML tag, with compilation
on-demand.5_ l n m 8 V S6W / >evaluated and dynamically converted to a valid HTML tag, with 5_ Q S R C 3 V C S6VT ' ) re-compiled into a single file.5_ C E D 0 V S6U ( 7On 'production' mode (not implemented yet) each js/css 5_ 5 6 8 7 V S6U & ' 5_ 5 7 6 V S6U & ' 5_ / 1 0 4 V S6U %
% ;Currently there is just a 'development' mode, where 'asset'5_
V S6S - nodejs / 5