はてなブックマーク

こんにちは、かずやです。 先日SPAに関するざっくり記事を書きました。 今回は、SPAのフレームワークであるVue.jsを使っていた中で理解が追いつかず無駄に時間を食ってしまった事象に関するブログ記事です。 短めの予定。 Vue.jsの単一ファイルコンポーネントとWebpack Vue.jsの単一ファイルコンポーネントとは、.vueファイルにHTML, CSS, JavaScriptのコードをひとまとめにすることで、パーツをカプセル化・再利用可能な形にできるVue.jsの機能になります。 これ、非常に便利なわけですが、最終的にビルドを行なって単一のファイルに出力するわけですよ。.vueなんてブラウザは直接扱えませんから。 ということはバンドルツールが必要なわけで、WebpackやBrowserifyといったツールを使って、.vueファイルをバンドルします。 公式にもこう書いてありますよ。