webpack导入vue

在项目中安装vue并使用

npm i vue -s

然后在main.js

import Vue from 'vue';
var vm=new Vue({
  el:'#app',
  data: {
    msg:123,
  }
})

打包后发现会报错，因为vue在webpack中使用的是vue.common.js然不是完整的vue.js，所以如果想要使用实例化这种的vue方法需要以下配置

第一种-修改路径

import Vue from 'vue/dist/vue.js';

第二种-配置webpack.config.js

import Vue from 'vue'; //这边不动

resolve: {
 alias: {
   "vue$":"vue/dist/vue.js"
 }
}