Vue.jsをwebpackでビルドしたjsファイルを読み込んでも何も表示されない

Question

Vue.jsをwebpackでビルドしたjsファイルを読み込んでも何も表示されない

表題の通りです.
CDN経由でダウンロードしたものであれば正しく動作するのですが, npm経由で入手したvueをインポートする形で利用すると何も表示されず困っています.

ソース

index.html

<div id="app">
{{message}}
</div>

index.js

import Vue from 'vue';

var app = new Vue ({
    el: '#app',
    data: {
        message: "Hello vue"
    }
})

webpack.config.js

const path = require('path')
module.exports = {
    entry: {
        index: './src/index.js'
    },
    output: {
        path: path.resolve('./dist/'),
        filename: '[name].js'
    },
    mode: 'development',
}

結果

何やらよくわからないコメントアウトされたコードになっており, ページに何も表示されていません...

Answer 1

https://stackoverflow.com/questions/42721133/use-webpack-with-vue-but-require-seems-not-working
に書いてありました.
vueではなくvue/dist/vue.min.jsを読み込む必要があったようです. 結果, 正しく動作しました.