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命令查看是否修改成功