webpack（一）安装

webpack?

webpack是一个模块打包器，它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。

打包核心原理：分块传输，按需进行懒加载，在实际用到某些模块的时候再增量更新，才是较为合理的模块加载方案。要实现模块的按需加载，就需要一个对整个代码库中的模块进行静态分析、编译打包的过程、分析出各个模块的类型和它们依赖关系，然后将不同类型的模块提交给适配的加载器来处理。比如一个用 less写的样式模块，可以先用 less加载器将它转成一个css模块，在通过 css 模块把他插入到页面的 style 标签中执行。webpack 就是在这样的需求中应运而生。

webpack的工作原理：webpack 会分析入口文件，解析包含依赖关系的各个文件。这些文件（模块）都打包到 bundle.js 。Webpack 会给每个模块分配一个唯一的 id 并通过这个 id 索引和访问模块。在页面启动时，会先执行 entry.js 中的代码，其它模块会在运行 require 的时候再执行。

windows下的安装

由于webpack是依赖npm的，所以需要先安装node.js环境，node里面内置了npm包管理器相关的模块。
首先通过npm安装全局环境：

npm install webpack -g  //安装
npm uninstall webpack --save-dev  //卸载

此时 Webpack 已经安装到了全局环境下，可以通过命令行 webpack -h查看相关的命令。