webpack概述
写项目时得在webpack这种环境下去写，才能进行打包，然后把打包完的项目放到服务器。 在名为“webpack.config.js”里去做相应的配置。
webpack特点
1. 代码拆分。
- 说明：webpack有两种阻止模块依赖的方式，同步和一部。异步以来作为分割点，形成一个新的块。再优化了以来术后，每一个异步区块都作为一个文件被打包。
2. Loader
- 想在webpack里处理除了js以外的类型文件，就需要安装相应的loader。（loader：装填器）有了loader，webpack就可以处理网页中所有的资源。
- 说明：webpack本身只能处理与阿森纳哼js模块，但是loader转换器可以将各种类型的资源转换成js模块。这样，任何资源都可以成为Webpack可以处理的模块。
3. 智能解析
- 说明：Webpack有一个智能解析器，几乎可以处理任何第三方库，无论它们的模块形式是CommonJS，AMD还是普通的JS文件。甚至在加载依赖的时候，允许使用动态表达式require（“./template/”+name+".jade"）。
4. 插件系统
- 说明：Webpack还有一个功能丰富的插件系统。大多数内容功能都是这个插件基于这个插件系统运行的，还可以开发和使用开源的Webpack插件，来满足各式各样的需求。
5. 快速运行
- 使用异步I/O和多级缓存提高运行效率，这使得Webpack能够以令人难以置信的速度进行打包。
安装：安装完全局的以后就不用再装了，除非升级更新再重新安装
直接打开终端，安装全局webpack -g
安装步骤如下
1、全局安装webpack
（1）首先要安装node.js，Node.js自带软件包管理器npm。Webpack需要Node.js v0.6以上支持。建议使用最新版Node.js。
node安装网址：nodejs.org/en/（英文网） nodejs.cn/（中文网）
然后再node.js终端安装cpnm，安装完它以后就可以使用cnpm软件包，准确率要比npm好。命令：npm install -g cnpm --registry=registry.npmmirror.com
2、用npm安装Webpack：
- 命令：npm install webpack -g
3、全局安装webpack-cli
- 命令：npm install -g webpack-cli
4、此时webpack已是安装到全局环境下，可以通过命令行webpack-h或webpack-v查看版本号
建立项目依赖
注意：项目名不要是webpack，也不要是大写字母
1、手动创建文件夹，名字自己定义（自己的项目）
2、创建一个package.json文件，用于保存项目版本，依赖关系等。
主要作用：用来保存项目的相关信息，类似于一个配置文件，必须要有。
用cnpm init直接生成package.json文件，或者自己手动创建
3、 在当前目录下安装webpack
命令：npm install webpack --save-dev
-
说明：--save-dev 将模块安装到当前开发目录，使用该命令会自动把模块和版本号添加到package.json中的devDependencies，是使用该命令，需手动进行添加
-
-dev就是把当前模块（包）安装到node_ wmoudle里去打包，把模块和版本号添加到devDependencies中。
-
完成之后，项目文件夹中会出现node_moudle文件夹
4、创建src文件夹，存放打包之前的文件。项目代码就是在这里写代码。
注意：在src下必须有一个index.js文件，这个是入口文件（打包文件）
5、直接运行webpack --mode development或者webpack --mode production，这样便会默认进行打包，入口文件是“./src/index.js”，输出路径是“./dist/main.js”。
-
做测试开发模式侧重打包速度快，生产模式侧重项目的优化。
-
打包之后会出现一个dist文件，在dist文件下创建了index.html。在index.html里引入生成好的main.js文件。
-
在项目里真正运行的是main.js，而main.js文件会自动生成。
-
每次修改完代码之后，想运行的话就得重新打包，执行打包命令。
