如何在webpack中编译.vue文件

如果我们希望书写的是Jsx文件，那么我们就需要为babel安装一些插件，然后使用babel来便以这些Jsx文件。

使用babel-loader编译jsx

为了能让babel-loader可以编译jsx，我们需要引入一个核心插件

babel-plugin-transform-vue-jsx

cnpm下载并安装它：

然后修改.babelrc来引入这个插件。

为webpack.config.js增加rules;以便让webpack可以打包编译.jsx文件

然后我们可能还需要一些依赖文件，只需要根据报错的提醒安装文件即可。

（不同版本的额依赖文件可能不同，根据报错提醒安装相关的peer是一个好的方法）

然后下载安装这个插件

之后便可以成功编译打包了。