webpack 是一个现代 JavaScript 应用程序的模块打包器(module bundler)，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Sass，TypeScript等），并将其转换和打包为合适的格式供浏览器使用。
它只是一个工具，主要是它已经帮助我们简化了很多复杂操作！例如：
现在的前端，越来越复杂，特别是SPA（single page web application）流行之后，一个应用程序往往会依赖很多其他的模块，或者编译scss、less、stylus等，如果仅仅是靠人来管理是不可能的，这个时候我们必须依赖于webpack来解决。
输入 命令 vue 查看一下 ,有东西说明成功了！（如果没有成功忽略）
安装：webpack模板 （敲黑板！！！！）
出现如下图：
（成功后）cd 到自己的工程名字 （敲黑板！！！！）
可以来解析css
注意：
安装：（用来解析.css文件的loader(style-loader和css-loader)）
安装：可以创建和解析less和scss
2.6-webpack-图片&字体：
可以使用图标和图片
2.7-webpack-html：
在html文件中自动引入js文件
1、安装webpack后的Vue目录：
2、src目录必须理解
4、列表说明
一、安装最新的node.js
原博文是这样写说的
npm install -g n //首先安装n模块
n stable //升级node.js到最新稳定版
n 5.0.0 //或者指定版本升级
node -v //检查更新是否成功
我自己是去重新下了一个最新版的node.js
二、修改npm源为淘宝源
npm config set registry “”
加快npm下载速度，不这样做的话npm install会卡很久。
三、安装脚手架
首先确保自己安装了nodejs，然后全局安装yeoman
npm install -g yo
然后直接安装脚手架
npm install -g generator-reactpackage123456
四、创建React项目
在合适的地方新建一个文件夹，在文件夹下运行：
yo reactpackage12
然后就会在此目录下生成以下目录结构：
├── data
│ └── test.json├── src
│ ├── components
│ │ └── App.js│ ├── images
│ │ └── yeoman.png│ ├── styles
│ │ └── app.scss│ ├── vendor
│ │ └── jquery.js│ ├── views
│ │ └── home.html├── node_modules
├── index.html├── package.json└── webpack.config.js1234567891011121314151617181920
五、调试打包React项目
然后使用以下命令：
npm run dev //项目开发过程使用，启动服务，实时刷新npm run build //开发完成之后打包文件（js、css分开打包）123
六、测试预览项目
本项目默认监听端口是8888，所以在浏览器输入 http://localhost:8888，或者index.html->右键打开方式->chrome 就能看到效果了
如果执行上述命令提示错误：Error: getaddrinfo ENOTFOUND localhost，在host文件里面添加127.0.0.1 localhost即可
监听端口和实时刷新的功能都能在webpack.config.js文件中修改配置123
