webpack教程二：webpack的安装

目录

一、安装node环境

二、全局安装

三、本地安装

---

一、安装node环境

    webpack需要在node环境下才能运行，所以需要首先安装最新版本的node.js：

    直接傻瓜式下一步、下一步就可以完成安装了。

    安装完成后使用node -v就可以查看当前本机安装的node的版本：

    npm也会随着node的安装时一同安装，所以，也可以用npm -v查看npm的版本：

    至此，node就安装成功了。

二、全局安装

    全局安装意味着本机上所有的项目都将使用这个全局安装的webpack:

    安装成功后，通过以下命令查看新安装的webpack的版本：

    证明全局安装webpack已经成功。

三、本地安装

    我们先把前面全局安装的webpack卸载：

   再创建一个测试文件夹webpack-demo，并在控制台中进入该目录，然后在该目录中初始化npm：

   然后在文件夹中我们会发现多了一个package.json文件：

    package.json文件里面包含了webpack-demo文件夹中的项目的信息，以及该项目的依赖（需要使用的工具包等等）：

    现在编辑package.json文件，使得该示例项目不会被npm分发出去：

    紧接着就可以本地安装webpack了：

    再安装webpack-cli：

    安装完后，使用npx webpack -v（webpack -v查看的是全局安装的webpack的版本）查看当前本地安装的webpack的版本：

    webpack本地安装成功。