Angular scriptu ielāde

[hjkl]

Taisu single page aplikāciju ar Angular. Ir aptuveni 30 kontrolleru, tik pat factoriju, filtru u.t.t - DAUDZ failu.

Šobrīd index.html lapas apakšā tie visi tiek ielādēti ar 30 <script> tagiem.

 

Kādas ir alternatīvas? Lasīju googlē, ka domas par requirejs pieslēgšanu dalās, bet pats angulārs nekādu dižu palīdzību nepiedāvā..

[Kasspars]

Tev tos skriptus tā pat vajadzēs visus. Tāpēc iesaku visus skriptus konkatenēt un minimizēt vienā failā

 

Var arī ar requirejs, bet arī requirejs autors iesaka pēc tam visu optimizēt ar viņa tooli r.js, kurš visus skriptus konkatenē vienā failā

 

 

 

Ar requirejs man pašlaik ir viena problēma, ka manā single page aplikācijā tiek lādēti ārējie reklāmu skripti un viens no tiem arī izmanto requirejs kā rezultātā izmetās kļūda....

[hjkl]

Tad. Hm. Index lapā tikai pats angulārs un citi third-partiji, kā arī viens <script> uz vienu minificēto custom JS failu? Te varētu lietot, varbūt, gulp?

[daGrevis]

Mēs lietojam Grunt un viņš visu sapako pats.

[Kasspars]

^ Nu neticu, ka grunts tev pats visu sapako. Gan jau kāds ir uzrakstījis gruntfile.js :)

[daGrevis]

Kolēģis uzrakstīja, maģiski strādā (mostly). :D

[hjkl]

Mēs lietojam Grunt un viņš visu sapako pats.

 

What do you mean by 'sapako', exactly? minificē? nokompilē no coffee?

Edited September 21, 2014 by hjkl

[Kasspars]

^ Vienā vārdā 'uglify'

[Pats Toms]

Yeoman?

edit: t.i., yeoman totāli palīdz pavisam nejauši sākt strādāt pēc super labas prakses :b

Edited September 21, 2014 by Pats Toms

[Kasspars]

UglifyJs pašlaik ir defacto rīks ar ko visi krutie puiki minimizē javascriptus

Šis ir uglify js https://github.com/mishoo/UglifyJS

 

Instalējam uz sava datora nodeJs

http://nodejs.org/

 

Uglify ir pieejams caur npm (Mode package manager) un instalējams, tā lai var izsaukt no komandrindas (konsoles)

https://www.npmjs.org/package/uglify-js

 

Šajā mirklī varam komandrindā rakstīt uglifyjs [jsfails.js], bet tas būtu ļoti neerti pēc katra labojuma js failā to manuāli minimizēt

 

Tāpēc iepazīstamies ar Tooli vārdā Grunt 

http://gruntjs.com/

 

Te ir piemērs (un pilns internets) kā sakonfigurēt Grunt, lai tas automātiski minimizētu tavus javascript katru reizi, kad esi labojis tos

http://gruntjs.com/sample-gruntfile

 

 

Pēc tam nolabo savu index.html, lai tajā tiktu iekļauts tikai minimizētais js fails

<script src="app.min.js"></script>

Edited September 21, 2014 by Kasspars

[rATRIJS]

Man personīgi labāk patīk Gulp pār Grunt - vieglāk lasīt un rakstīt build failus.