webpack配置vue

一、创建项目文件夹webpack_vue
二、在该文件夹下打开命令行输入：npm init -y
三、下载webpack webpack-cli，先全局安装再安装为项目开发时依赖
四、下载vue-loader vue-template-compiler，在命令行中输入cnpm i vue-loader vue-template-compiler
五、下载vue为运行时依赖，输入cnpm i vue -S
六、创建目录

其中App.vue内容为：

index.js内容为：

index.html内容为：

webpack.config.js内容为：

package.json内容为：

蓝色圈圈内容为手动添加