webpack配置vue

一、创建项目文件夹webpack_vue
二、在该文件夹下打开命令行输入:npm init -y
三、下载webpack webpack-cli,在命令行中输入cnpm i webpack webpack-cli -D
四、下载vue-loader vue-template-compiler,在命令行中输入cnpm i vue-loader vue-template-complier
五、下载vue为运行时依赖,输入cnpm i vue -S
六、创建目录
webpack配置vue
其中App.vue内容为:
webpack配置vue
index.js内容为:
webpack配置vue
index.html内容为:
webpack配置vue
webpack.config.js内容为:
webpack配置vue
package.json内容为:
webpack配置vue
蓝色圈圈内容为手动添加