Tweet
Tweet

Slide 1

Slide 1 text

Webpack @MoOx

Slide 2

Slide 2 text

Grunt, Gulp… @MoOx

Slide 3

Slide 3 text

– Every body using a task runner “Let’s make another task for that” @MoOx

Slide 4

Slide 4 text

@MoOx

Slide 5

Slide 5 text

@MoOx

Slide 6

Slide 6 text

@MoOx

Slide 7

Slide 7 text

@MoOx

Slide 8

Slide 8 text

{ background: url(../../…) } ../.. ? ../ ? ./ ? @MoOx

Slide 9

Slide 9 text

@MoOx

Slide 10

Slide 10 text

@MoOx $ npm i -D webpack

Slide 11

Slide 11 text

var myModule = require("./my-module.js") var myStyles = require("./my-module.css") var mySVG = require(“./my-module.svg") @import “./normalize.css”; body { background: url(landscape.jpg) } @MoOx

Slide 12

Slide 12 text

Bundle using “loaders” @MoOx

Slide 13

Slide 13 text

https://duckduckgo.com/? q=webpack+boilerplate @MoOx

Slide 14

Slide 14 text

fr ? http://putaindecode.fr/posts/ webpack/premier-exemple/ @MoOx

Slide 15

Slide 15 text

@MoOx https://github.com/cssnext/cssnext/blob/master/webpack.config.js https://github.com/putaindecode/putaindecode.fr/blob/master/webpack.config.js And more sur les internettes ! Examples

Slide 16

Slide 16 text

@MoOx ? ⚠

Slide 17

Slide 17 text

@MoOx Bundle like a boss