Upgrade to Pro — share decks privately, control downloads, hide ads and more …

webpack v4について

sakito
February 26, 2018

webpack v4について

Forefront JavaScript ! 急成長中のサービスの技術達!
https://air-closet.connpass.com/event/78099/

twitter
https://twitter.com/__sakito__

sakito

February 26, 2018
Tweet

More Decks by sakito

Other Decks in Technology

Transcript

  1. XFCQBDLWʹ͍ͭͯ
    'PSFGSPOU+BWB4DSJQUٸ੒௕தͷαʔϏεͷٕज़ୡʂ

    View Slide

  2. View Slide

  3. XFCQBDL͕ϦϦʔε͞Ε·ͨ͠
    IUUQTHJUIVCDPNXFCQBDLXFCQBDLSFMFBTFT

    View Slide

  4. ओͳมߋ఺
    wઃఆϑΝΠϧ͕ͳͯ͘΋ಈ࡞͢ΔΑ͏ʹͳͬͨ
    wQSPEVDUJPONPEFͱEFWFMPQNFOUNPEF͕

    ௥Ճ͞Εͨ
    w$PNNPOT$IVOL1MVHJO͕࡟আ͞Εͨ
    wϏϧυεϐʔυ͕͔ͳΓ޲্͞Εͨ
    wϝδϟʔϦϦʔεʹίʔυωʔϜ͕ͭ͘Α͏ʹͳͬͨ

    ʢXFCQBDLWͷίʔυωʔϜ͸-FHBUPʣ

    View Slide

  5. ओͳมߋ఺
    wઃఆϑΝΠϧ͕ͳͯ͘΋ಈ࡞͢ΔΑ͏ʹͳͬͨ
    wQSPEVDUJPONPEFͱEFWFMPQNFOUNPEF͕

    ௥Ճ͞Εͨ
    w$PNNPOT$IVOL1MVHJO͕࡟আ͞Εͨ
    wϏϧυεϐʔυ͕͔ͳΓ޲্͞Εͨ
    wϝδϟʔϦϦʔεʹίʔυωʔϜ͕ͭ͘Α͏ʹͳͬͨ

    ʢXFCQBDLWͷίʔυωʔϜ͸-FHBUPʣ

    View Slide

  6. ઃఆϑΝΠϧ͕ແͯ͘΋ಈ࡞͢ΔΑ͏ʹͳͬͨ

    View Slide

  7. ɾσϑΥϧτͰTSDJOEFYKTΛCVOEMFͯ͘͠ΕΔ
    ɾXFCQBDLDMJύοέʔδ͕ඞਢ
    ઃఆϑΝΠϧ͕ແͯ͘΋ಈ࡞͢ΔΑ͏ʹͳͬͨ

    View Slide

  8. View Slide

  9. View Slide

  10. QSPEVDUJPOͱEFWFMPQNFOUʹ͍ͭͯ

    View Slide

  11. QSPEVDUJPOͱEFWFMPQNFOUʹ͍ͭͯ
    wCVJME࣌ʹNPEFͱ͍͏PQUJPO͕௥Ճ͞Εͨ
    w։ൃ༻ͷCVJMEʹʮNPEFEFWFMPQNFOUʯ
    wຊ൪༻ͷCVJMEʹʮNPEFQSPEVDUJPOʯ

    View Slide

  12. QSPEVDUJPOͱEFWFMPQNFOUͷҧ͍

    View Slide

  13. QSPEVDUJPOͱEFWFMPQNFOUͷҧ͍
    QSPEVDUJPO
    wຊ൪༻CVJME
    wCVJME࣌ʹੜ੒͞ΕΔϑΝΠϧαΠζ਺͕EFWFMPQNFOU
    ͱҧ͍ɺ൒෼ҎԼ
    wUSFFTIBLJOHͳͲͷ͋ΒΏΔ࠷దԽ͕͞ΕΔ
    EFWFMPQNFOU
    w։ൃ༻CVJME
    wEFWUPPMͷઃఆ͕FWBM

    View Slide

  14. QSPEVDUJPOͱEFWFMPQNFOUͷҧ͍
    QSPEVDUJPO
    EFWFMPQNFOU

    View Slide

  15. QSPEVDUJPOͱEFWFMPQNFOUͷҧ͍
    QSPEVDUJPO
    EFWFMPQNFOU

    View Slide

  16. ઃఆϑΝΠϧΛඞཁͱ͢Δ৔߹

    View Slide

  17. ઃఆϑΝΠϧΛඞཁͱ͢Δ৔߹
    w#BCFM 1PTU$44΍41"ͷઃఆͷҝʹɺઃఆϑΝΠϧ͕

    ඞཁͳ৔߹΋͋Δ
    wXFCBDLDPOpHKTΛ࡞੒͢Ε͹ɺ֤NPEFͰઃఆΛ

    ࢀরͯ͘͠ΕΔ
    wಛผͳ͜ͱΛ͠ͳ͍৔߹͸ɺFOUSZ΍QMVHJOͷ

    هड़͸ෆཁ

    View Slide

  18. ͜ΕͰಈ͘

    View Slide

  19. ·ͱΊ

    View Slide

  20. ·ͱΊ
    w1BSDFM΍1PJͳͲͷ[FSPDPOpHVSBUJPOϥΠϒϥϦͱ

    ҧͬͯɺઃఆϑΝΠϧͷ༗ແ͕બ΂ΔͷͰॊೈੑ͕ߴ͍

    ྫઃఆϑΝΠϧແ͠Ͱελʔτࡉ͔͍ઃఆΛ

    ඞཁͱ͢Δγʔϯʹ௚໘ͨ͠ͷͰઃఆϑΝΠϧΛॻ͘

    wFOUSZ΍QMVHJOΛࣗ෼Ͱઃఆ͠ͳͯ͘΋ɺ

    ࠷దͳϑΝΠϧαΠζͱϏϧυεϐʔυ͕ग़ͤΔ
    wXFCQBDLW͔ΒͷҠߦ͸தʑେมʹࢥ͑Δ

    QMVHJOΛଟ͘࢖༻͍ͯ͠Δ৔߹ͳͲ

    View Slide

  21. ࢀߟࢿྉ
    w3FMFBTFTuXFCQBDLXFCQBDLu(JU)VC

    IUUQTHJUIVCDPNXFCQBDLXFCQBDLSFMFBTFT
    wXFCQBDLSFMFBTFEUPEBZ

    IUUQTNFEJVNDPNXFCQBDLXFCQBDLSFMFBTFEUPEBZDECE
    wXFCQBDLNPEFBOEPQUJNJ[BUJPO

    IUUQTNFEJVNDPNXFCQBDLXFCQBDLNPEFBOE
    PQUJNJ[BUJPOBCDB
    w8FCQBDL5VUPSJBMGSPN$POGUP1SPEVDUJPO.PEF

    IUUQTXXXWBMFOUJOPHDPNCMPHXFCQBDLUVUPSJBM
    w"XFTPNFXFCQBDL

    IUUQTHJUIVCDPNWBMFOUJOPHBHMJBSEJBXFTPNFXFCQBDL

    View Slide

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

    View Slide