webpack1原理和安装

1.什么是webpack

Webpack 是一个前端资源的打包工具，它可以将js、image、css等资源当成一个模块进行打包。

2.安装webpack

webpack需要node.js环境, 所以先安装node.js,node.js通过npm管理js库,所以又要安装npm

node.js是javascript的运行环境,实质是对谷歌v8引擎进行了封装,它是运行在服务端的框架

1.node.js的安装非常简单,去官网下一个版本,然后一直next就可以了
2.命令窗口输入:node -v 验证是否安装成功

3.安装npm

3.1npm全称Node Package Manager,他是node包管理和分发的工具，使用NPM可以对应用的依赖进行管理，NPM
的功能和服务端项目构建工具maven差不多，我们通过npm 可以很方便地下载js库，打包js文件。
node.js已经集成了npm工具，在命令提示符输入 npm -v 可查看当前npm版本

3.2设置包路径
包路径就是npm从远程下载的js包所存放的路径。
使用 npm config ls 查询NPM管理包路径（NPM下载的依赖包所存放的路径）

修改包路径,先在C:\Program Files\nodejs\目录下创建npm_modules和
npm_cache文件夹，然后执行下边的命令：

npm config set prefix "C:\Program Files\nodejs\npm_modules"
npm config set cache "c:\Program Files\nodejs\npm_cache"

此时再使用 npm config ls 查询NPM管理包路径发现路径已更改

3.3非连网环境安装cnpm

npm默认会去国外的镜像去下载js包，在开发中通常我们使用国内镜像，这里我们使用淘宝镜像
下边我们来安装cnpm：

将资料中的 npm_modules.zip到node.js安装目录，并解压npm_modules.zip覆盖本目录下的
npm_modules文件夹。

通过cnpm -v验证是否安装成功

3.4改变镜像指向

nrm ls 命令查看当前镜像的指向,通过nrm use taobao改变指向,再通过nrm ls命令查看是否修改成功