web包是当前最流行的前端资源模块化管理和打包工具。 可以根据依赖关系和规则将许多松散模块打包到适合于生产部署的前端资源中。 也可以用代码分隔按需加载的模块，然后异步加载，直到实际需要为止。 通过loader转换，可以将所有形式的资源都视为模块，包括CommonJs模块、AMD模块、ES6模块、CSS、图像、JSON、Coffeescript和LESS。 当然，要使用web包，首先需要构建web包环境。 因为我至今为止搜索过很多文章
注：此安装方法已在Ubuntu12.04 LTS、14.04 LTS和16.04 LTS中尝试，但安装成功。
1.安装nodejs和npm
npm是与nodejs一起安装的软件包管理工具，解决了nodejs代码部署中的许多问题。 因为web包的安装也依赖于nodejs和npm，所以首先要安装nodejs和npm。
很多同学可能以前用这种方法安装过nodejs :
sdoapt-getupdatesudoapt-getinstallnodejs如果以前使用这种方法安装webpack后无法成功安装，建议您先卸载原始文件。 版本可能太低了。 卸载：
sudo apt-get auto remove---purgenodejssudoapt-get auto remove-- purge NPM将安装新版本。
从nodejs官网下载与操作系统对应的nodejs。 例如，我的系统为Ubuntu14.04LTS，64位，下载对应的v6.9.2版本：
下载并解压缩安装软件包，然后将其移动或复制到/opt/目录中。 一般情况下，自己下载的软件会放在这个目录下。
sudomvnode-v6.9.2- Linux-x64/opt /如果在以前尝试安装时设置了node和npm软链接，建议首先删除。
在sudorm-RF/usr/local/sq dbg/nodesudorm-RF/usr/local/sq dbg/npm之后设置node和NPM软链接。 设置软链接的目的是允许在任何目录中直接使用node和NPM命令。
sudo ln-s/opt/node-v 6.9.2-Linux-x64/sq dbg/node/usr/local/sq dbg/nodesudoln-s/opt/node-v 6.9
安装已成功输入到任意目录：
如果显示node -v //6.9.2npm -v //3.10.9版本号，则安装成功。
2.安装webpack
安装nodejs环境后，可以安装web包打包工具。 建议首先全局安装。
npm install webpack -g安装完成后，在命令行中输入webpack
如果找不到提示命令，请设置软连接。
SDO ln-s/opt/node-v6.9.2- Linux-x64/sq dbg/web pack/usr/local/sq dbg/web pack (
3.安装webpack-dev-server
webpack-dev-server的作用是无需在每次更改代码时重新运行webpack命令进行打包。 对我们来说，更改后能实时打包更新页面是多么方便啊。
推荐也是全局安装：
npm install webpack-dev-server -g安装完成后，在命令行中输入webpack-dev-server
如果找不到提示命令，请设置软连接。
SDO ln-s/opt/node-v6.9.2- Linux-x64/sq dbg/web pack-dev-server/usr/local/sq dbg/web pack-dev-seck
webpack-dev-server提供了两种自动刷新页面的模式。
A:iframe 模式：
在命令行中输入项目目录
webpack-dev-server在本例中，访问3http://localhost:8080/web pack-dev-server/index.html，而不是3358 localhost 33608080
B：inline 模式：
在命令行中输入项目目录
web pack-dev-server--在inline命令行中指定inline模式时，http://localhost 33608080/index.html页将在修改js文件后自动更新。
上述两个页面自动刷新的模式都意味着刷新整个页面，相当于单击了浏览器的刷新按钮。
这样就完成了web包的安装。