俺得なwebpack pluginsの紹介

俺得フロントエンド (1) LT会
https://opt.connpass.com/event/130433/

@Twitter
https://twitter.com/__sakito__

Transcript

1. ԶಘͳXFCQBDL
   QMVHJOTͷ঺հ
   ԶಘϑϩϯτΤϯυ
   
   -5ձ
2. wTBLJUP !@@TBLJUP@@
   w'SPOU&OE
   &OHJOFFS
 
   αΠϘ΢ζגࣜձࣾ
   wϑϩϯτΤϯυΞυόΠβʔ
   
 
   גࣜձࣾ,BJ[FO
   1MBUGPSN
   
4. ެࣜʹ͸ࡌͬͯͳ͍ศརͳϓϥάΠϯ΋͍ͬͺ͍͋Δ
5. w3FBDUͷΤϥʔΛՄࢹԽͰ͖Δ
   wDSFBUFSFBDUBQQʹ࢖ΘΕͯΔ FSSPSPWFSMBZXFCQBDLQMVHJO
6. w୯ҰΤϯτϦʔͷ৔߹ʹΤϥʔʹͳΔ໰୊͕͋Δ
 13ͰͯΔͷͰղܾ͸ͦ͠͏ FSSPSPWFSMBZXFCQBDLQMVHJO
7. wXFCQBDLͷϩʔσΟϯάঢ়گͷՄࢹԽ QSPHSFTTCBSXFCQBDLQMVHJO
8. wXFCQBDLͷϏϧυ଎౓Λଌఆ͢Δ 4QFFE
   .FBTVSF
   1MVHJO
9. 4QFFE
   .FBTVSF
   1MVHJO wઃఆ΋؆୯
10. wXFCQBDLͷMPBEFSʹؔ͢Δઃఆͷ
 ϕετϓϥΫςΟεू
    wMPBEFSʹؔ͢Δઃఆ΋;FSP
    $POpHͰ׬݁Մೳ
 ˣྫ XFCQBDLDPOpHQMVHJOT
11. XFCQBDLDPOpHQMVHJOT wઃఆͰ͖ΔҰཡ͸͜Μͳײ͡
12. XFCQBDLOPUJpFS wXFCQBDLͷϏϧυ͕ࣦഊͨ͠ͱ͖ʹ௨஌ͯ͘͠ΕΔ
    w͜ΕͰίϯύΠϧதʹผͷ࡞ۀ͍ͯͯ͠΋ɺ
 ͙͢ʹΤϥʔʹؾ͚ͮΔ
13. GPSLUTDIFDLFSOPUJpFSXFCQBDLQMVHJO wXFCQBDLOPUJpFSͷܕΤϥʔ௨஌൛
    wܕΤϥʔ࣌ʹσεΫτοϓ௨஌͕͘ΔΑ͏ʹͰ͖Δ
    w'PSL5T$IFDLFS8FCQBDL1MVHJOΛ
 ઌʹಡΈࠐΉඞཁ͕͋Δ
    w'PSL5T$IFDLFS8FCQBDL1MVHJO
    Wܥ
 Ҏ্Ͱ͋Δඞཁ͕͋Δ
14. QSFMPBEXFCQBDLQMVHJO wࢦఆͨ͠ϑΝΠϧΛQSFMPBE΍QSFGFUDI
 Ͱ͖ΔΑ͏ʹ͢ΔϓϥάΠϯ
    wXFCQBDL
    WҎ߱Ͱ͸ෆཁ
    w
    XFCQBDL1SFGFUDI
    USVF
    
    ͰઃఆͰ͖Δ
15. DPQZXFCQBDLQMVHJO wࢦఆϑΝΠϧ΍σΟϨΫτϦΛίϐʔͯ͘͠ΕΔ
    w࢖༻ྫ
    wը૾͕อଘ͞ΕͨσΟϨΫτϦʔΛ
 όϯυϧ͞ΕΔEJTUσΟϨΫτϦʔʹίϐʔ
 EJTUJNBHFT
    wIUNMͰը૾͕ɺ͜ͷΑ͏ʹࢦఆͰ͖ΔΑ͏ʹͳΔ
 JNH
    TSDJNBHFTqPXFSKQH
16. *NBHFNJO
    QMVHJO wը૾ͷѹॖ͕Ͱ͖Δ
    wEFW؀ڥͰ͸0''ʹ͓ͯ͘͠
17. DPQZXFCQBDLQMVHJO
    
    *NBHFNJO
    QMVHJO wXFCEFWʹ͜ͷ྆ํͷϓϥάΠϯΛ׆༻ͨ͠ํ๏͕
 ղઆ͞ΕͯΔ
 IUUQTXFCEFWDPEFMBCJNBHFNJOXFCQBDL
18. ͓·͚
19. XFCQBDLMJCTPQUJNJ[BUJPOT
 IUUQTHJUIVCDPN(PPHMF$ISPNF-BCTXFCQBDLMJCTPQUJNJ[BUJPOTSFBDU wNPNFOU΍MPBETIͷϑΝΠϧαΠζΛ
 CBCFM΍XFCQBDLͰ࡟Δख๏͕঺հ͞ΕͯΔ
20. ΑΓศརͳ։ൃΛ
21. ͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠