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