vue-loader配合webpack的使用及安装

• vue-loader配合webpack的使用及安装:

1. 工程文件简单的目录结构

　　index.html

　　main.js   入口文件

　　App.vue   vue文件，官方推荐命名法

　　package.json   工程文件(项目依赖，名称，配置)

　　     npm init --yes   生成

　　webpack.config.js   webpack配置文件

ps:  es6模块化开发  导出模块：export default {}   引入模块:import 模块名 from 地址

1. webpack的准备工作

　　cnpm install webpack --save-dev

　　cnpm install webpack-dev-server --save-dev

　　App.vue -> 变成正常代码  vue-loader@8.5.4

　　cnpm install vue-laoder@8.5.4 --save-dev

　　cnpm install vue-html-loader --save-dev

　　 　　vue-html-loader  css-loader  vue-style-loader vue-hot-reload-api@1.3.2