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

Gulp のビルドをもっと効率化するツールを作ってみた / Making a Tool for Optimizing a Build Process of Gulp

Gulp のビルドをもっと効率化するツールを作ってみた / Making a Tool for Optimizing a Build Process of Gulp

DIST.17 「Webデザインの現場のための効率化術」 2017/08/25

katashin

August 25, 2017
Tweet

More Decks by katashin

Other Decks in Programming

Transcript

  1. Gulp ͷϏϧυΛ΋ͬͱޮ཰Խ͢Δ
    πʔϧΛ࡞ͬͯΈͨ
    DIST.17 ʮWebσβΠϯͷݱ৔ͷͨΊͷޮ཰Խज़ʯ
    2017/08/25

    View full-size slide

  2. @ktsn (katashin)

    View full-size slide

  3. Pug Λ HTML ʹ

    ίϯύΠϧ

    View full-size slide

  4. ։ൃαʔόʔ΋

    ΄͍͠

    View full-size slide

  5. มߋ͞ΕͨΒ

    ϥΠϒϦϩʔυ

    ͍ͨ͠

    View full-size slide

  6. ن໛͕େ͖͍ͱϏϧυͷ

    Ωϟογϡ΋΄͍͠

    View full-size slide

  7. ͱͯ΋ͭΒ͍

    View full-size slide

  8. • ։ൃαʔόʔ

    • ϥΠϒϦϩʔυ

    • Ωϟογϡ

    શ෦΍ͬͯ͘ΕΔ

    View full-size slide

  9. $ houl build
    $ houl dev
    $ houl watch

    View full-size slide

  10. Houl ͷಛ௃
    • Gulp ϓϥάΠϯΛͦͷ··࢖͑Δ

    • ։ൃαʔόʔ͸ιʔεΛಈతʹϏϧυ͢Δ

    • ϑΝΠϧͷґଘؔ܎΋ղऍ͢Δ Watch ػೳ

    • ϏϧυͷΩϟογϡػೳ (--cache)

    • ϓϦηοτػೳ

    View full-size slide

  11. $ npm i -g houl
    https://github.com/ktsn/houl
    υΩϡϝϯτ

    View full-size slide