はてなブックマーク

自分用メモ はじめに webpackはモジュールバンドラーである。エントリーポイントに設定したjsファイルを中心に、各モジュールのjsファイルを纏めてバンドル モジュール管理できるため機能ごとに開発ができ保守性が上がる 複数のjsファイル(cssや画像も)を一つのファイルにbundleできるためリクエスト数減少とパフォーマンス向上 ※ ファイルサイズの増大によるパフォーマンス低下もありうる 依存関係の解消 1. webpack使用の下準備 1.1. webpackでの基本的なパッケージのインストール $ npm init -y $ npm i -S vue # .vueファイルを読み込むために必須 $ npm i -D vue-loader vue-template-compiler $ npm i -D webpack webpack-cli $ npm i -D terser-webp