webpack ---（1）

webpack介绍

1. 代码拆分
2. loader
   Webpack 本身只能处理原生的 JavaScript 模块，但是 loader 转换器可以将各种类型的资源转换成 JavaScript 模块。这样，任何资源都可以成为 Webpack 可以处理的模块。
3. 只能解析
   webpack 有个只能解析器，可以处理几乎所有第三方库，无论它们的模块形式是 CommonJS、 AMD 还是普通的 JS 文件。甚至在加载依赖的时候，允许使用动态表达式 require("./templates/" + name + ".jade")。
4. 插件系统
5. 快速运行
   Webpack 使用异步 I/O 和多级缓存提高运行效率，这使得 Webpack 能够以令人难以置信的速度快速增量编译。

webpack安装

npm install webpack -g //全局安装
通常我们安装到自己项目本地

1. 在打开的cmd中进入项目位置
2. 通过 npm init 创建package.json文件
3. 安装webpack

npm install webpack --save-dev

4. 查看webpakc版本信息

npm info webpakc
可以看到输出类似以下的输出说明安装成功
name: 'webpack',
  description: 'Packs CommonJs/AMD modules for the browser....

5. 要安装指定版本的webpack

npm install webpack@版本号 --save-dev

一般安装webpack 会安装webpack-dev-server webpack的服务器，可以通过本地端口调试程序