webpack整理（七）

webpack与vue结合使用：
安装：npm i vue vue-loader vue-style-loader vue-html-loader vue-template-compiler -D

安装完成后开始配置：
首先创建app.vue:

内容如下：

在main.js中引入app.vue

注意：
我们在main.js中引入的vue实际上是应该是node_module中的vue/dist/vue.esm.js,所以我们需要在webpack.config.js中起一个别名：

在webpack.config.js中配置vue-loader，同时把style-loader改为vue-style-loader,能同时把vue里面的css样式和外部的css整合，配置如下：

这个时候仅仅引入vue-loader是不行的，需要同时在plugins中引入vue-loader-plugin,在development.js和production.js中引入：

这个时候我们也vue的基本配置就完成了。