webpack学习之配置vue

1，要想使用vue，就得先配置vue，命令为
npm install vue@2.5.21 --save
这个时候不需要加-dev，因为需要全程很多地方都要用到。
2，下载完，就可以使用。
但是，一定要加这句话：

import Vue from ‘vue’

千万不要忘记后面的vue是小写的而且要加单引号，因为会报错：

然后就可以编写代码使用vue了，如下例：

// 使用vue进行开发
import Vue from 'vue'
const app = new Vue({
    el: '#app',
    data: {
        message: '你好啊，李银河',
    }
})

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

但是这时候会报错：

错误：你在使用的vue是无效的。
vue在构建最终发布的时候有两类版本：
1，runtime-only 代码种不可以有任何的template
此案例中将vue实例当成的template
因为这个版本没有任何包含template编译的内容
2，runtime-compiler 代码中可以有template，因为有compiler可以用于编译template
而在此，你用的是1版本，所以报错

解决：在webpack.config.json配置

resolve:{
	alias:{
		'vue$':'vue/dist/vue.esm.js'
		}
	}

然后重新打包，运行：

完成啦！