タグ

gulpとBowerに関するkutakutatriangleのブックマーク (2)

  • はじめてのTypeScript開発環境構築(gulp, bower, webpack, tsd, npm)

    はじめてのTypeScript開発環境構築(gulp, bower, webpack, tsd, npmTypeScriptで開発しようとしたとき、いろんな問題にぶつかった。 もともとSIerではVisual Studioさえあればなんとかなる環境で育ってきたため、Web系のさまざまなツールを導入する上で何度も挫折した。 ということで、初心者(私)が初心者向けに「はじめてTypeScriptの開発環境(gulp + bower + webpack + tsd + npm)を構築するときの手順とポイント」についてまとめていこうと思う。 ツールの使い方間違っているよなどの指摘がありましたら、コメントやTwitterで教えてください。 この記事の目標 TypeScriptで開発したい ライブラリも使いたい(今回はjQueryを例にする) Web界隈のツールにも慣れたい 使用するツール(ツール

    はじめてのTypeScript開発環境構築(gulp, bower, webpack, tsd, npm)
  • npm + gulp + bower でビルド自動化 - GeekFactory

    (追記) この記事は公開から時間が経っており、内容が古くなっています。2016年時点ではWebpackが圧倒的におすすめです。 JavaScriptCSSのビルドを自動化することで、手作業による無駄な時間やミスを削減できます。また、誰でもビルドできるようになるため、リリースのボトルネックを解消できます。 改善したいこと JavaScriptフレームワークやCSSフレームワークの依存関係を自動的に管理したい。ダウンロードして配置を手作業でやりたくない。 CoffeeScriptやLESSのコンパイルを自動的に実行したい。手順書を見ながらコマンドを叩くとかやりたくない。 ダウンロードしたライブラリをリポジトリに入れたくない。 出荷対象のリソースを明確にしたい。ゴミファイルをリリースしたくない。 どうやって実現する? bowerでライブラリの依存関係を管理する。 gulpでビルドを自動化する。

    npm + gulp + bower でビルド自動化 - GeekFactory
  • 1