webpackと仲良くなろう

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

twitter
https://twitter.com/__sakito__

Transcript

1. XFCQBDLͱ஥ྑ͘ͳΖ͏
   8F"SF+BWB4DSJQUFST!UI
   

   View Slide

2. View Slide

3. XFCQBDLͱ஥ྑ͘ͳͬͯ

   ͞Βʹ։ൃޮ཰Λ

   ͋͛ΔΑ͏ʹͳΔͨΊͷࢿྉͰ͢
   

   View Slide

4. XFCQBDLͱ஥ྑ͘ͳΔલʹ

   ৘ใΛݟ΍͘͢͢Δ
   

   View Slide

5. ಛʹͳʹ΋ઃఆ͠ͳ͍৔߹
   

   View Slide

6. ͜ͷ··Ͱ͸ݟͮΒ͍
   

   View Slide

7. XFCQBDLEBTICPSE
   IUUQTHJUIVCDPN'PSNJEBCMF-BCTXFCQBDLEBTICPBSE
   

   View Slide

8. CFGPSF
   

   View Slide

9. BGUFS
   

   View Slide

10. Կ͕஌ΕΔͷ͔
    w -PHϏϧυϓϩηεͱΤϥʔϩάͷه࿥
    w 4UBUVTϏϧυϓϩηεͷεςʔλε
    w 0QFSBUJPOϏϧυϓϩηεͰൃੜ͢Δಛఆͷૢ࡞
    w 1SPHSFTTϏϧυͷਐḿঢ়گ
    w .PEVMFTϞδϡʔϧϦετҰཡʹαΠζͱόϯυϧαΠζ
    w "TTFUTϏϧυͰग़ྗ͞ΕͨBTTFU
    w 1SPCMFNTϏϧυ࣌ʹى͖ͨ໰୊
    

    View Slide

11. ͞Βʹݟ΍͘͢͢Δ
    

    View Slide

12. KBSWJT
    IUUQTHJUIVCDPN[PVIJSKBSWJT
    

    View Slide

13. ϒϥ΢βͰ֬ೝ
    

    View Slide

14. छྨͷ௨৴؀ڥ͕֬ೝͰ͖Δ
    

    View Slide

15. XFCQBDLͱ஥ྑ͘ͳͬͯ
    Ϗϧυ࣌ؒΛ୹ॖ͢Δ
    

    View Slide

16. IUUQTXFCQBDLKTPSHHVJEFTCVJMEQFSGPSNBODF
    #VJME1FSGPSNBODF
    IUUQTHJUIVCDPN[PVIJSKBSWJT
    

    View Slide

17. -PBEFST
    -PBEFSͷม׵͕ඞཁͳඞཁ࠷௿ݶͷϞδϡʔϧΛಡΈࠐΈ
    ࣮ࡍʹࢼ͢ͱNTNTʹͳͬͨ
    

    View Slide

18. -PBEFST
    

    View Slide

19. %MM
    %MM1MVHJOΛ࢖༻ͯ͠ɺϥΠϒϥϦͳͲมߋ͕গͳ͍ίʔυΛ

    ผͷίϯύΠϧʹҠಈͤͯ͞ɺίϯύΠϧ଎౓Λ޲্ͤ͞Δɻ
    Ϗϧυϓϩηε͕ෳࡶʹͳΔɻ
    ࣮ࡍʹࢼ͢ͱNTNTʹͳͬͨ
    IUUQTXFCQBDLKTPSHQMVHJOTEMMQMVHJO
    

    View Slide

20. %MM༻ͷXFCQBDLDPOpHKT
    

    View Slide

21. %MM༻ͷXFCQBDLDPOpHKTΛίϯύΠϧ
    

    View Slide

22. ϝΠϯͷXFCQBDLDPOpHKT
    

    View Slide

23. ࠷ޙʹIUNMʹಡΈࠐΈ
    

    View Slide

24. $PNNPOT$IVOLT1MVHJO
    ࣮ࡍʹࢼ͢ͱNTNTʹͳͬͨ
    ڞ௨ϞδϡʔϧΛόϯυϧͨ͠ϑΝΠϧΛग़ྗ͢ΔϓϥάΠϯ

    %MMͱ͸ҧͬͯ%MMΑ͏ʹઃఆϑΝΠϧΛ࡞Βͳͯ͘΋ྑ͍
    IUUQTXFCQBDLKTPSHQMVHJOTDPNNPOTDIVOLQMVHJO
    

    View Slide

25. XFCQBDLDPOpHKT
    

    View Slide

26. ࠷ޙʹIUNMʹಡΈࠐΈ
    

    View Slide

27. ஫ҙ఺ͱͯ͠͸XFCQBDLWͰ$PNNPOT$IVOLT1MVHJO͸

    ࡟আ͞Εɺ࢖༻ํ๏͕มΘΓ·͢ɻ

    ৄ͘͠͸͜ΕΛνΣοΫʂʂ
    IUUQTHJTUHJUIVCDPNTPLSBECFDGEDCFF
    

    View Slide

28. ·ͩ·ͩ͋Γ·͕͢ɺ͕࣌ؒͳ͍ͷͰׂѪ
    w %FWUPPMͷઃఆ TPVSDFNBQͷు͖ग़͠
    Λ࠷దʹ͢Δ
    w ։ൃ༻Ϗϧυͱຊ൪༻ϏϧυΛ෼͚Δ
    w 6HMJGZ+T1MVHJOͰѹॖ͢Δ
    w DBDIF%JSFDUPSZΛ࢖༻ͯ͠Ωϟογϡ͢Δ
    w ͳʹΑΓ΋XFCQBDLͱύοέʔδϚωʔδϟʔͷ

    ɹɹɹόʔδϣϯΛ࠷৽ʹอͭ
    

    View Slide

29. ͓·͚
    

    View Slide

30. IUUQTXFCQBDLKTPSHHVJEFTCVJMEQFSGPSNBODF
    IUUQTXFCQBDLKTPSHQMVHJOT
    1MVHJOT
    

    View Slide

31. IUUQTXFCQBDLKTPSHHVJEFTCVJMEQFSGPSNBODF
    IUUQTHJUIVCDPNXFCQBDLDPOUSJCBXFTPNFXFCQBDLXFCQBDLQMVHJOT
    "XFTPNF8FCQBDL
    

    View Slide

32. ͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠
    

    View Slide