从零开始学习Webpack：安装篇

Webpack是一个静态模块打包工具，用于打包静态资源，例如项目中使用了less，sass，和stylus等css预处理器，而浏览器无法识别和编译，就需要一个webpack，打包后，直接在html文件中引入打包后的.js文件即可。
首先，我们要确保已经安装了Node.js和npm。你可以在终端中输入以下命令来检查它们是否已经安装：

node -v
npm -v

如果输出了版本号，那就说明Node.js和npm已经成功安装。
接下来，我们可以使用npm来全局安装Webpack。在终端中输入以下命令：

npm install webpack -g

这个命令会告诉npm从Node.js包管理器(npm)的仓库中下载并安装Webpack。-g标志表示全局安装，这意味着Webpack将被安装在你的计算机的Node.js环境中，你可以在任何地方运行Webpack命令。
如果你希望只在某个特定的项目中安装Webpack，而不是全局安装，你可以在项目的根目录下运行以下命令：

npm install webpack --save-dev

这个命令告诉npm在项目的node_modules文件夹中安装Webpack，并把它添加到项目的package.json文件的devDependencies列表中。这意味着只有开发人员需要这个包来运行项目。
请注意，对于Webpack 4+版本，你可能还需要安装Webpack CLI（命令行界面）。你可以使用以下命令来安装：

npm install webpack-cli --save-dev

CLI提供了使用Webpack的命令行接口，如webpack命令等。
另外，如果在安装过程中遇到问题，你可以尝试删除node_modules文件夹和package-lock.json文件（如果存在），然后重新运行npm install来重新安装所有的依赖包。你可以使用以下命令来完成这个操作：

rm -rf node_modules package-lock.json
npm install

请注意，这会删除所有的依赖包并重新安装它们。因此，如果你在项目中有任何特定的依赖包版本要求，你可能需要手动编辑package.json文件来满足这些要求。