Vuejs--12 webpack vue安装

webpack安装vue；

npm install vue --save

vue会被安装到node-modules中。
直接使用：
import vue from ‘vue’
因为node-modules源码中 export default Vue

 import Vue from 'vue'
const app=new Vue({
  el:"#app",
  data:{
    msg:"webpack安装vue"
  }
})

报错：

原因：
vue在构建最终的发布版本时，构建了两中版本。
runtime-only ：代码中不能有任何template。我们在创建vue的时候被认为是一个template
runtime-compiler:可以有template
默认情况下使用的是vue.runtime.min.js版本
改变其使用版本

解决：
修改webpack.config.js

resolve:{
      extensions:['.js','.vue','.css'],
      // 指定版本
      alias:{
        'vue$':'vue/dist/vue.esm.js'
      }
    }