Webpack

What is webpack ?

- http://webpack.github.io
- https://duckduckgo.com/?q=webpack+boilerplate
- http://putaindecode.fr/posts/webpack/premier-exemple/
- https://github.com/cssnext/cssnext/blob/b5ece99c1e1b5e4cdfd6c25f856946bbcbc2247c/webpack.config.js
- https://github.com/putaindecode/putaindecode.fr/blob/3a3b7a25d04da230158f3ec375bd6c8cb65a2950/webpack.config.js

Transcript

1. Webpack @MoOx
2. Grunt, Gulp… @MoOx
3. – Every body using a task runner “Let’s make another task for that” @MoOx
4. @MoOx
5. @MoOx
6. @MoOx
7. @MoOx
8. { background: url(../../…) } ../.. ? ../ ? ./ ? @MoOx
9. @MoOx
10. @MoOx $ npm i -D webpack
11. 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
12. Bundle using “loaders” @MoOx
13. https://duckduckgo.com/? q=webpack+boilerplate @MoOx
14. fr ? http://putaindecode.fr/posts/ webpack/premier-exemple/ @MoOx
15. @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
16. @MoOx ? ⚠
17. @MoOx Bundle like a boss