{"id":2129,"date":"2018-01-12T01:50:30","date_gmt":"2018-01-12T00:50:30","guid":{"rendered":"https:\/\/2018.paris.wordcamp.org\/?post_type=wcb_session&#038;p=2129"},"modified":"2018-04-29T07:10:45","modified_gmt":"2018-04-29T05:10:45","slug":"se-servir-de-webpack-dans-un-theme-wordpress","status":"publish","type":"wcb_session","link":"https:\/\/paris.wordcamp.org\/2018\/session\/se-servir-de-webpack-dans-un-theme-wordpress\/","title":{"rendered":"Se servir de WebPack dans un th\u00e8me WordPress"},"content":{"rendered":"<p>Webpack est le \u00ab\u00a0bundler\u00a0\u00bb de modules qui a remplac\u00e9 Browserify dans le core de WordPress en 2017.<\/p>\n<p>Mais comment l&rsquo;utiliser dans son propre th\u00e8me WordPress? Quels sont ses avantages par rapport aux outils de\u00a0compilation\u00a0comme Grunt et Gulp ?<\/p>\n<p>Comment b\u00e9n\u00e9ficier du HMR (hot module replacement) et quel est la diff\u00e9rence avec le\u00a0live-reload ?<\/p>\n<p>Qu&rsquo;est ce que \u00e7a veut dire\u00a0tree-shaking\u00a0et chunking* ?<\/p>\n<p>Comment est ce que \u00e7a peut aider \u00e0 faire un th\u00e8me avec un minimum de code et un maximum de couverture ? Comment utiliser Webpack pour aller plus loin en cr\u00e9ant une base pour un th\u00e8me React ou Vue ? Cet atelier r\u00e9pondra \u00e0 ses questions pour d\u00e9buter avec Webpack dans WordPress.<\/p>\n<p><em>*secouage des arbres et d\u00e9coupage<\/em><\/p>\n<h2>La pr\u00e9sentation<\/h2>\n<iframe loading=\"lazy\" src=\"https:\/\/docs.google.com\/presentation\/d\/e\/2PACX-1vSWXh9V0xQjN2dmohrkHWLIHOFJfsdKP1JSwA3WskOPQocN9sQfKc5imHIrO8Nk0upx-v5xXNRBg68U\/embed?start=false&#038;loop=false&#038;delayms=60000\" frameborder=\"0\" width=\"525\" height=\"569\" marginheight=\"0\" marginwidth=\"0\" allowfullscreen=\"true\" mozallowfullscreen=\"true\" webkitallowfullscreen=\"true\"><\/iframe>\n<h2>La vid\u00e9o en HD<\/h2>\n<p><iframe title=\"VideoPress Video Player\" aria-label='VideoPress Video Player' width='525' height='295' src='https:\/\/video.wordpress.com\/embed\/4Aye97eI?hd=0&amp;cover=1' frameborder='0' allowfullscreen allow='clipboard-write'><\/iframe><script src='https:\/\/v0.wordpress.com\/js\/next\/videopress-iframe.js?m=1674852142'><\/script><\/p>\n<div class=\"__vd_10x6n_pre-wrap\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Webpack est le \u00ab\u00a0bundler\u00a0\u00bb de modules qui a remplac\u00e9 Browserify dans le core de WordPress en 2017. Mais comment l&rsquo;utiliser dans son propre th\u00e8me WordPress? Quels sont ses avantages par rapport aux outils de\u00a0compilation\u00a0comme Grunt et Gulp ? Comment b\u00e9n\u00e9ficier du HMR (hot module replacement) et quel est la diff\u00e9rence avec le\u00a0live-reload ? Qu&rsquo;est ce &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/paris.wordcamp.org\/2018\/session\/se-servir-de-webpack-dans-un-theme-wordpress\/\" class=\"more-link\">Continuer la lecture<span class=\"screen-reader-text\"> de &laquo;&nbsp;Se servir de WebPack dans un th\u00e8me WordPress&nbsp;&raquo;<\/span><\/a><\/p>\n","protected":false},"author":9151275,"featured_media":0,"template":"","meta":{"jetpack_post_was_ever_published":false,"_wcpt_session_time":1520591400,"_wcpt_session_duration":3000,"_wcpt_session_type":"session","_wcpt_session_slides":"","_wcpt_session_video":"","_wcpt_speaker_id":[2083],"footnotes":""},"session_track":[215872],"session_category":[29729],"class_list":["post-2129","wcb_session","type-wcb_session","status-publish","hentry","wcb_track-ateliers","wcb_session_category-technique"],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p91XyD-yl","session_date_time":{"date":"09\/03\/2018","time":"11:30"},"session_speakers":[{"id":"2083","slug":"kirsten-cassidy","name":"Kirsten Cassidy","link":"https:\/\/paris.wordcamp.org\/2018\/speaker\/kirsten-cassidy\/"}],"session_cats_rendered":"Technique","_links":{"self":[{"href":"https:\/\/paris.wordcamp.org\/2018\/wp-json\/wp\/v2\/sessions\/2129","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/paris.wordcamp.org\/2018\/wp-json\/wp\/v2\/sessions"}],"about":[{"href":"https:\/\/paris.wordcamp.org\/2018\/wp-json\/wp\/v2\/types\/wcb_session"}],"version-history":[{"count":4,"href":"https:\/\/paris.wordcamp.org\/2018\/wp-json\/wp\/v2\/sessions\/2129\/revisions"}],"predecessor-version":[{"id":5201,"href":"https:\/\/paris.wordcamp.org\/2018\/wp-json\/wp\/v2\/sessions\/2129\/revisions\/5201"}],"speakers":[{"embeddable":true,"href":"https:\/\/paris.wordcamp.org\/2018\/wp-json\/wp\/v2\/speakers\/2083"}],"author":[{"embeddable":true,"href":"https:\/\/paris.wordcamp.org\/2018\/wp-json\/wporg\/v1\/users\/mantismamita"}],"wp:attachment":[{"href":"https:\/\/paris.wordcamp.org\/2018\/wp-json\/wp\/v2\/media?parent=2129"}],"wp:term":[{"taxonomy":"wcb_track","embeddable":true,"href":"https:\/\/paris.wordcamp.org\/2018\/wp-json\/wp\/v2\/session_track?post=2129"},{"taxonomy":"wcb_session_category","embeddable":true,"href":"https:\/\/paris.wordcamp.org\/2018\/wp-json\/wp\/v2\/session_category?post=2129"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}