webpackと仲良くなろう

We Are JavaScripters! @15thでの登壇資料です
https://wajs.connpass.com/event/76238/

twitter
https://twitter.com/__sakito__

Transcript

1. XFCQBDLͱ஥ྑ͘ͳΖ͏ 8F
   "SF
   +BWB4DSJQUFST
   !UI
3. XFCQBDLͱ஥ྑ͘ͳͬͯ
 ͞Βʹ։ൃޮ཰Λ
 ͋͛ΔΑ͏ʹͳΔͨΊͷࢿྉͰ͢
4. XFCQBDLͱ஥ྑ͘ͳΔલʹ
 ৘ใΛݟ΍͘͢͢Δ
5. ಛʹͳʹ΋ઃఆ͠ͳ͍৔߹
6. ͜ͷ··Ͱ͸ݟͮΒ͍
7. XFCQBDLEBTICPSE IUUQTHJUIVCDPN'PSNJEBCMF-BCTXFCQBDLEBTICPBSE
8. CFGPSF
9. BGUFS
10. Կ͕஌ΕΔͷ͔ w
    -PH
    ϏϧυϓϩηεͱΤϥʔϩάͷه࿥
    w
    4UBUVT
    Ϗϧυϓϩηεͷεςʔλε
    w
    0QFSBUJPO
    ϏϧυϓϩηεͰൃੜ͢Δಛఆͷૢ࡞
    w
    1SPHSFTT
    Ϗϧυͷਐḿঢ়گ
    w
    .PEVMFT
    ϞδϡʔϧϦετҰཡʹαΠζͱόϯυϧαΠζ
    w
    "TTFUT
    ϏϧυͰग़ྗ͞ΕͨBTTFU
    w
    1SPCMFNT
    Ϗϧυ࣌ʹى͖ͨ໰୊
11. ͞Βʹݟ΍͘͢͢Δ
12. KBSWJT
    IUUQTHJUIVCDPN[PVIJSKBSWJT
13. ϒϥ΢βͰ֬ೝ
14. छྨͷ௨৴؀ڥ͕֬ೝͰ͖Δ
15. XFCQBDLͱ஥ྑ͘ͳͬͯ
    Ϗϧυ࣌ؒΛ୹ॖ͢Δ
16. IUUQTXFCQBDLKTPSHHVJEFTCVJMEQFSGPSNBODF #VJME
    1FSGPSNBODF
    IUUQTHJUIVCDPN[PVIJSKBSWJT
17. -PBEFST -PBEFSͷม׵͕ඞཁͳඞཁ࠷௿ݶͷϞδϡʔϧΛಡΈࠐΈ
    ࣮ࡍʹࢼ͢ͱNT
    
    NTʹͳͬͨ
    
18. -PBEFST
    
19. %MM
    %MM1MVHJOΛ࢖༻ͯ͠ɺϥΠϒϥϦͳͲมߋ͕গͳ͍ίʔυΛ
 ผͷίϯύΠϧʹҠಈͤͯ͞ɺίϯύΠϧ଎౓Λ޲্ͤ͞Δɻ
    Ϗϧυϓϩηε͕ෳࡶʹͳΔɻ ࣮ࡍʹࢼ͢ͱNT
    
    NTʹͳͬͨ
    IUUQTXFCQBDLKTPSHQMVHJOTEMMQMVHJO
20. %MM༻ͷXFCQBDLDPOpHKT
    
21. %MM༻ͷXFCQBDLDPOpHKTΛίϯύΠϧ
    
22. ϝΠϯͷXFCQBDLDPOpHKT
    
23. ࠷ޙʹIUNMʹಡΈࠐΈ
    
24. $PNNPOT$IVOLT1MVHJO ࣮ࡍʹࢼ͢ͱNT
    
    NTʹͳͬͨ
    ڞ௨ϞδϡʔϧΛόϯυϧͨ͠ϑΝΠϧΛग़ྗ͢ΔϓϥάΠϯ
 %MMͱ͸ҧͬͯ%MMΑ͏ʹઃఆϑΝΠϧΛ࡞Βͳͯ͘΋ྑ͍ IUUQTXFCQBDLKTPSHQMVHJOTDPNNPOTDIVOLQMVHJO
25. XFCQBDLDPOpHKT
    
26. ࠷ޙʹIUNMʹಡΈࠐΈ
    
27. ஫ҙ఺ͱͯ͠͸XFCQBDL
    WͰ$PNNPOT$IVOLT1MVHJO͸
 ࡟আ͞Εɺ࢖༻ํ๏͕มΘΓ·͢ɻ
 ৄ͘͠͸͜ΕΛνΣοΫʂʂ
    IUUQTHJTUHJUIVCDPNTPLSBECFDGEDCFF
28. ·ͩ·ͩ͋Γ·͕͢ɺ͕࣌ؒͳ͍ͷͰׂѪ
    w
    %FWUPPMͷઃఆ TPVSDFNBQͷు͖ग़͠ Λ࠷దʹ͢Δ
    
    w
    ։ൃ༻Ϗϧυͱຊ൪༻ϏϧυΛ෼͚Δ
    
    w
    6HMJGZ+T1MVHJOͰѹॖ͢Δ
    
    w
    DBDIF%JSFDUPSZΛ࢖༻ͯ͠Ωϟογϡ͢Δ
    
    
    
    
    w
    ͳʹΑΓ΋XFCQBDLͱύοέʔδϚωʔδϟʔͷ
 ɹɹɹόʔδϣϯΛ࠷৽ʹอͭ
29. ͓·͚
30. IUUQTXFCQBDLKTPSHHVJEFTCVJMEQFSGPSNBODF IUUQTXFCQBDLKTPSHQMVHJOT 1MVHJOT
    
31. IUUQTXFCQBDLKTPSHHVJEFTCVJMEQFSGPSNBODF IUUQTHJUIVCDPNXFCQBDLDPOUSJCBXFTPNFXFCQBDLXFCQBDLQMVHJOT "XFTPNF
    8FCQBDL
    
32. ͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠