gulpをやめてnpm scriptを使う

社内勉強会で使った資料です

Transcript

1. HVMQΛ΍Ίͯ
   OQN
   TDSJQUΛ࢖͏
2. ࠓ೔ͷ࿩ ɾλεΫϥϯφʔͰHVMQΛ࢖Θͳ͍Α͏ʹͯ͠ΈΔ
   ɾ୅ΘΓʹOQN
   TDSJQUΛ࢖͏
   ɾOQN
   TDSJQUΛ࢖͏ϝϦοτσϝϦοτͳͲ
3. HVMQͱ͸ ɾϫʔΫϑϩʔΛࣗಈԽͯ͘͠ΕΔπʔϧ
   ɾ4BTTΛ$44΁ίϯύΠϧͨ͠Γ
   ɾλεΫͰ༷ʑͳϓϥάΠϯΛ૊Έ߹ΘͤΔ͜ͱͰ
   ɹॊೈʹλεΫΛ࡞੒Ͱ͖Δ
4. OQN
   TDSJQUͱ͸ ɾQBDLBHFKTPOͷTDSJQUTʹهड़͢ΔͱTIFMM
   TDSJQU΍
   ɹίϚϯυΛ࣮ߦͰ͖Δ
   ɾOPEF@NPEVMFTʹ௥Ճͨ͠ϥΠϒϥϦΛͦͷ··
   ɹར༻͢ΔʢHVMQͷϓϥάΠϯΛհ͞ͳ͍ʣ
   ɾ࠷ۙOQN
   TDSJQUͰHVMQͷஔ͖׵͑هࣄΛΑ͘ݟΔ͕ɺ
   ɹผʹ໨৽͍͠΋ͷͰ΋ͳ͍
5. OQN
   TDSJQUͱ͸ "scripts": { "css:sass": "sass src/sass/style.scss:dist/css/style.css --style=expanded --no-source-map", }, ྫ
6. ϝϦοτ ɾOPEF@NPEVMFTͷύοέʔδΛͦͷ··࢖͏ͷͰ
   ɹHVMQͷϓϥάΠϯͷ࢓༷ʹࠨӈ͞Εͳ͍
   ɹྫʣHVMQTBTTͷ!JNQPSUഇࢭ໰୊ʢํ๏͸͋Δ͚Ͳ
   ɾλεΫϥϯφʔͷҠΓมΘΓʹࠨӈ͞Εͳ͍
   ɹʢੲͷHSVOU͔ΒHVMQͳͲ
7. σϝϦοτ ɾQBDLBHFKTPOʹશͯͷλεΫΛॻ͘ͷͰهड़ྔ͕
   ɹ૿͑ΔɻՄಡੑʢͱ͸͍͑Ұ౓࡞ͬͨΒऴΘΓʣ
   ɾHVMQͷϓϥάΠϯͰָͰ͖͍ͯͨԸܙ͕ͳ͘ͳΔ
   ɾTIFMM
   TDSJQUΛ࢖͏৔߹ΫϩεϓϥοτϑΥʔϜͰͳ͍
   ɹʢ.BDͱ8JOEPXTͰίϚϯυ͕ҧ͏ʣ
8. ؀ڥߏஙσϞ ɾ)5.-͸ͦͷ··ίϐʔ
   ɾ4BTTΛ$44΁ίϯύΠϧɺ1PTU$44Λ૊Έ߹Θͤͯ
   ɹ"VUPQSF fi YFSΛ࢖͏
   ɾ#BCFMͰ+4ΛτϥϯεύΠϧ
   ɾCSPXTFSTZODͰϒϥ΢β্ཱͪ͛Δ
   ɾ֤ϑΝΠϧͷߋ৽Λ؂ࢹ
9. σϞ
10. OQN
    TDSJQU ɾHVMQΛ࢖Θͳͯ͘΋؆୯ʹ؀ڥΛ࡞Εͨ
    ɾը૾ͱ͔΋ಉ༷ʹઃఆ͢Ε͹0,
    ɾෳࡶͳॲཧ͕ͳ͍ͳΒOQN
    TDSJQUͰे෼
11. ऴΘΓ