express + webpack + VueでSSRする 以前にexpressとVueのみを用いて行ったSSRはシンプルに実装できましたが、今回webpackを組み合わせたSSRはファイル数も増え、仕組みも複雑になってきました。 今回はSSR環境構築の足場を作り、次はホットリロードなども実…

この記事は、「express + webpack + BabelでHMRを使いながらIE11対応する」の記事にVue.jsを追加で組み合わせるための記事であり、重複する内容があります。 expressとは？ Node.jsのフレームワークです。今回は、開発環境向けにWEBサーバを簡単に立ち上げる…

この記事は、「expressとwebpackでHMRする最小構成を試す」の記事にBabelを追加で組み合わせるための記事です。 expressとは？ Node.jsのフレームワークです。今回は、開発環境向けにWEBサーバを簡単に立ち上げるために使用します。 公式サイト webpackとは…

expressとは Node.jsのフレームワークです。今回は、開発環境向けにWEBサーバを簡単に立ち上げるために使用します。 公式サイト webpackとは 別の記事（webpackの最小構成を試す）が参考になります。 公式サイト expressとwebpackを組み合わせる利点 WEBサー…

webpackとは？ 複数ファイルに分けて管理しているJS（モジュール）を一つのファイルにまとめてくれるツール（モジュールバンドラー）です。 別の記事（webpackの最小構成を試す）が参考になります。 ※正確には1つのファイルとは限りませんが、役割に応じてフ…

Babelとは？ ブラウザがまだ対応していない最新のJavaScriptのソースコードを、ブラウザが対応しているソースコードへ変換してくれるツールです。 トランスコンパイラとも呼ばれます。 例えば、以下のようなアロー関数を用いたJSはIE11で動作しません。 cons…

webpackとは？ 複数ファイルに分けて管理しているjs（モジュール）を一つのファイルにまとめてくれるツール（モジュールバンドラー）です。（正確には1つのファイルとは限りませんが、役割に応じてファイルをまとめられます） 以下のように、lodash.jsとinde…