開発環境TweetWebpack入門編Webpackとは?Webpackフロントエンドにおける依存関係を管理し、まとめて使えるようにしてくれるスグレモノ。Browserifyより多機能だが、その分学習コストも高い。</body></html>webpackコマンドでファイルをコンパイルしバンドルする。bundle.jsブラウザでindex.htmlを開く。worksと表示されるはず。bundle.jsを見てみる。]);Browserifyのバンドルファイルと比べ可読性が高い。content.js.";entry.jsを更新document.write(require("./content.js"));コンパイルし直す。content.jsの表示を確認する。ローダーcssファイルをアプリケーションに追加しよう。webpackはJavaScriptのみを扱うので、css-loaderとstyle-loaderをインストールする。styles-loaderローカルにインストール後、プロジェクトにnode_modulesフォルダがつくられる。yellow;}entry.jsの更新require("!style!css!./style.css");document.write(require("./content.js"));リコンパイルしてブラウザを更新すると背景色が黄色になっているはず。ローダーのバインドファイルの拡張子をローダーにまとめることができる。'css=style!css'(注:ダブルクオート""ではなく、シングルクオート''でないと正しくコンパイルされない。found)ブラウザをリロードすると同じ結果を得られる。}};コマンドを叩いてコンパイルする。webpackカレントディレクトリのwebpack.config.jsが読み込まれ、実行される。--watch変更を監視して、必要があればコンパイルし直す。progressオプションをつけるとプログレスバーが表示される。ブラウザでアクセスすることができる。変更を監視し、webpackがリコンパイルした時に、自動的にブラウザを更新してくれる。v1からv2へのマイグレーションメモ自分が使っていたところだけを簡単に。(2)@uraway_さんのツイートはてなブログをはじめよう!urawayさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。