-2016-04-28webpackのチュートリアルをやってみましたWebpack公式サイトのTutorialページを見ながらwebpackの使い方を確認しました。webpackとはgulpと同じでJSファイルなどのビルドツールとのことです。tutorials/getting-startedwebpackのインストール次のコマンドでwebpackコマンドを利用できるようにします。次のコマンドでentry.jsを元にbundle.jsファイルとして生成します。bundle.jsこれでbundle.jsを生成することができました。content.js.";entry.jsdocument.write(require("./content.js"));※index.htmlは変更なしこれで先程と同じようにビルドするとcontent.jsを読み込んだ処理が利用できるのを確認できます。style-loaderを利用できるようにします。yellow;}entry.jsrequire("!style!css!./style.css");document.write(require("./content.js"));これでビルドコマンドを実行できます。bundle.js無事にCSSの追加ができました。LOADERS)『require("!style!css!./style.css");』という書き方はもっとシンプルにできます。'css=style!css'』というオプションをつけて対応します。'css=style!css'webpackの設定ファイル設定ファイルを用意することでコードがスッキリします。}};設定ファイルを用意すればビルドコマンドは次のようになります。webpackビルド実行中のプログレスバープロジェクトが大きくなるとビルド処理に時間がかかるようになります。次のコマンドでプログレスバーを表示できるようになります。(進捗状況が%で表示されるようになります。『--watch』オプションをつけるとファイルの監視ができます。変更時に自動でビルド処理が実行されます。--watch開発用サーバの起動webpack-dev-serverをインストールします。-g次のコマンドでローカルサーバーを起動することができます。--colorsTutorialによると『http://localhost:8080/webpack-dev-server/bundle』でも大丈夫みたいです。チュートリアルページの内容はこんな感じでした。サンプルコードgithub.com参考サイトまだきちんと確認できていないのですが、Qiitaで詳しい使い方が紹介されていました。Qiitaあとこちらのブログもすごく気になる情報がまとめられていました。前回はAngularJSを...2016-05-25React:Webpackのscss-loaderを試してみましたWebpackのcss-loaderの使い方を確認して各コンポーネントごとに...2016-05-25React:Webpackのcss-loaderを試してみましたWebpackのcss-loaderを試してみました。次のコマンドでインスト...2016-05-24React:Webpackで複数のJSファイルをビルドするReactでは以下の流れで開発する感じだと思います。はてなブログPro技術ブログ的な感じです。Guideスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。