Webpack

 Webpack

2f6c2dcd4ba8fc44f1e7f0b2ed3d587d?s=128

Maxime Thirouin

September 08, 2015
Tweet

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