Viteプラグインで学ぶビルドツールの裏側

Transcript

1. 7JUFϓϥάΠϯͰֶͿϏϧυπʔϧͷཪଆ ࣾ಺ษڧձࢿྉ ೥݄
2. w ࣗ࡞7JUFϓϥάΠϯΛ࡞Γɺ಺෦ಈ࡞ʹ͍ͭͯཧղΛগ͠ਂΊͨ࿩
   ࿩͢͜ͱ
   
3.  7JUFͱ͸ɿ؆୯ͳ֓ཁΛઆ໌
    ಺෦ಈ࡞ʹ͍ͭͯɿϏϧυͷओཁͳεςοϓΛղઆ
    ࣮ફ7JUFϓϥάΠϯɿ؆୯ͳϓϥάΠϯ࡞੒Λ࣮ԋ
    34$ͱͷؔ܎ʢ͓·͚ʣˡ
   ·ͨࠓ౓ʹ͠·͢
   34$ͷόϯυϥϓϥάΠϯͱͯ͠ͷ׆༻ࣄྫʹ͍ͭͯ঺հ ࿩͢͜ͱ
   
4. Ϟδϡʔϧόϯυϥͷมભ
   
5. &WBO
   :PVʢ7VFKT࡞ऀʣ͕࡞ͬͨl࣍ੈ୅ͷϑϩϯτΤϯυπʔϧz ɾ).3 )PU
   .PEVMF
   3FQMBDFNFOU αϙʔτ
   ɹιʔείʔυͷมߋΛଈ࠲ʹϒϥ΢βʹ൓ө ɾߴ଎ͳ։ൃαʔόʔΛఏڙ 7JUFͱ͸
   ɾ5ZQF4DSJQUɺ+49ඪ४αϙʔτ
   ɹ໘౗ͳॳظઃఆ͸ෆཁ ɾ#VJMEͷ࠷దԽ
   ɹ಺෦తʹ͸
   3PMMVQ
   Λόϯυϥʔͱͯ͠ར༻
6. 7JUF͸ϓϥάΠϯͰػೳΛ֦ுͰ͖ΔɻͦΕ΋؆୯ʹɻ 7JUFͱ͸ 7JUFͷ֦ுੑ ྫɿ !WJUFKTQMVHJOWVF
   ˠ
   WVFϑΝΠϧΛαϙʔτ !WJUFKTQMVHJOSFBDU
   ˠ
   3FBDUΛαϙʔτ ϓϥάΠϯͰͰ͖Δ͜ͱ w ৽͍͠ϑΝΠϧܗࣜʹରԠ
   w ։ൃαʔόʹಠࣗͷػೳ௥Ճͨ͠Γ
7. ɾ+BWB4DSJQUͷϞδϡʔϧόϯυϥʔ 3PMMVQ ɾޮ཰తͳίʔυ࠷దԽ ɾ๛෋ͳϓϥάΠϯΤίγεςϜ 7JUFͷϓϥάΠϯγεςϜ͸ɺ3PMMVQΛϕʔεʹ͍ͯ͠Δ 7JUFϓϥάΠϯ
   
   3PMMVQϓϥάΠϯ
   
   Ћ
   WJUFݻ༗ͷΦϓγϣϯ
   3PMMVQ
   
   7JUF͕಺෦తʹ࢖͍ͬͯΔόϯυϥ
8. 3PMMVQ 7JUFͷϓϥάΠϯγεςϜ͸ɺ3PMMVQΛϕʔεʹ͢Δ 7JUF
   1MVHJO
   
   
   ɹɹɹ3PMMVQ
   1MVHJO
   
   Ћ
   WJUFݻ༗ͷΦϓγϣϯ
   7JUF
   1MVHJO
   
   3PMMVQ
   1MVHJOͷΠϯλʔϑΣʔεΛܧঝ 3PMMVQ
   
   7JUF͕಺෦తʹ࢖͍ͬͯΔόϯυϥ
9. IUUQTSPMMVQKTPSHQMVHJOEFWFMPQNFOUCVJMEIPPLT 3PMMVQͷ಺෦ಈ࡞ ओཁͳϏϧυϓϩηε
10. ࣮ફฤ
11. ϓϥάΠϯͷ಺෦ಈ࡞
12. 7JUFͷಛ௃ ։ൃ࣌ ຊ൪Ϗϧυ࣌ ิ଍ Ϗϧυϓϩηεʹ͓͍ͯ։ൃ࣌ͱຊ൪؀ڥ༻ͰҟͳΔπʔϧΛར༻ w 3PMMVQ
    Λόϯυϥʔͱͯ͠ར༻
    w +4੡ͷόϯυϥ w &TCVJMEΛ࢖༻ͨ͠ґଘؔ܎ͷࣄલόϯυϧΛ࢖༻
    w (P੡ͷϏϧυπʔϧ