Webpack で Vue.js 2 を含めてビルドした場合、実行時にタイトルのエラーが発生した。
公式ドキュメントでは、下記にて解説されている。
https://vuejs.org/v2/guide/installation.html#Standalone-vs-Runtime-only-Build
ポイントは、下記。
- Vue.js では、スタンドアロン版とランタイムのみ版がある。
- 前者はテンプレートコンパイラを含み、後者は無い。
- デフォルトでは、NPM パッケージでは、ランタイムのみ版をエクスポートする。
- このテンプレートコンパイラが無いためにエラーが発生する。
Webpack によるビルドでスタンドアロン版を含めるなら、下記を webpack.config.js
で設定すれば良い。
webpack.config.js
module.exports = {
resolve: {
alias: {
'vue$': 'vue/dist/vue.common.js'
}
}
};