webpackのメモ - Qiita

忘れないようにメモ。 webpackとは 開発時のモジュールの依存関係を解決し、それらからコンテンツ提供時に必要となるアセット(js、css、image etc.)を最適化して生成してくれるツールです。 webpackを使って今やってること cssをjsとは別途エントリポイントとして管理、別ファイルに出力 jsのlintにeslintを使い、通知、logをターミナルに出力 cssのlintにstylelintを使い、通知、logをターミナルに出力 webpack.optimize.CommonsChunkPluginを使い、react等のライブラリやmodule等、複数entryを作成する際に共通部分を把握して、ページ間でブラウザにキャッシュさせたい共有バンドルを抽出。 webpackを使っているのにやってないこと cssをjs内で扱う。(CSS Module) 画像をjs内で扱う。 we