Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Des builds front plus rapides

Providenz - Laurent Paoletti
June 17, 2015
Programming
0
45

Des builds front plus rapides

Talk donné à /dev/var/10 le 9 juin 2015

Providenz - Laurent Paoletti

June 17, 2015
Tweet

More Decks by Providenz - Laurent Paoletti

See All by Providenz - Laurent Paoletti
Introduction au machine learning
providenz
0
200
Back to front
providenz
0
140
Machine Learning for the rest of us
providenz
1
180
Brunch, le builder pour les developpeurs pressés
providenz
0
160
Postgresql la plateforme de vos données
providenz
0
260
Atelier Datalab - volet technique
providenz
0
74
Performance web (Brown bag lunch)
providenz
0
38
Montée en charge
providenz
0
35
Présentation de django
providenz
0
42

Other Decks in Programming

See All in Programming
AIコーディングの理想と現実
tomohisa
23
31k
ComposeでWebアプリを作る技術
tbsten
0
110
プロダクト横断分析に役立つ、事前集計しないサマリーテーブル設計
hanon52_
2
450
SEAL - Dive into the sea of search engines - Symfony Live Berlin 2025
alexanderschranz
1
140
Agentic Applications with Symfony
el_stoffel
2
310
[NG India] Event-Based State Management with NgRx SignalStore
markostanimirovic
1
160
VitestのIn-Source Testingが便利
taro28
6
2k
Lambda(Python)の リファクタリングが好きなんです
komakichi
3
200
これだけは知っておきたいクラス設計の基礎知識 version 2
masuda220
PRO
24
6.4k
状態と共に暮らす：ステートフルへの挑戦
ypresto
1
660
Road to RubyKaigi: Making Tinny Chiptunes with Ruby
makicamel
4
370
Defying Front-End Inertia: Inertia.js on Rails
skryukov
0
490

Featured

See All Featured
A Tale of Four Properties
chriscoyier
158
23k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
30
2k
4 Signs Your Business is Dying
shpigford
183
22k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
47
2.5k
Optimising Largest Contentful Paint
csswizardry
36
3.2k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5.3k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
Music & Morning Musume
bryan
47
6.5k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
5
550
It's Worth the Effort
3n
184
28k
The Language of Interfaces
destraynor
157
25k

Transcript

  1. DES BUILDS FRONT PLUS RAPIDES @providenz

  2. libsass > compass ~10x à 100x http://libsass.org/

  3. autoprefixer https://github.com/postcss/autoprefixer

  4. BRUNCH.IO

  5. CONVENTION over CONFIGURATION TASKS BUILD

  6. CONFIG PAR DÉFAUT

  7. SIMPLE RAPIDE WHY* *ça veut dire pourquoi

  8. concaténation enrobage source maps minification surveillance notification

  9. INSTALL npm install -g brunch

  10. brunch new <skeleton-URL> [dir] brunch new gh:brunch/dead-simple à la main

    CRÉATION

  11. brunch-config.coffee brunch-config.js CONFIG

  12. app assets vendor public STRUCTURE

  13. npm install -g plugin c’est (souvent) suffisant PLUGINS

  14. brunch watch brunch watch —server brunch w -s DEV

  15. brunch build [—production] (autoprefixer etc) BUILD

  16. http://brunch.io https://github.com/brunch/brunch-guide

  17. Browsersync

  18. Browsersync · features live reload interaction sync multi navigateurs editeur

    agnostique

  19. Browsersync · install npm install browser-sync

  20. Browsersync

  21. Démo

  22. Merci @providenz