安装 webpack-cli - Shell/Bash

如果你正在使用 Webpack 打包你的项目，那么你肯定需要安装 webpack-cli 作为一个全局工具。它是 Webpack 的 CLI 工具，使你能够从终端中运行 Webpack 命令。

在本文中，我将向你展示如何在 Shell/Bash 中安装 webpack-cli，以及如何使用它来构建你的项目。

安装

你可以使用 npm 来安装 webpack-cli。在你的终端窗口中，输入以下命令：

npm install -g webpack-cli

在输入命令后，npm 会自动下载 webpack-cli 并安装在全局环境中。

使用

安装完 webpack-cli 后，你可以通过使用 webpack 命令来构建你的项目。我将使用一个简单的示例来演示如何使用 webpack-cli。

首先，创建一个名为 app.js 的文件，内容如下：

console.log('Hello, webpack!');

接下来，创建一个名为 webpack.config.js 的 Webpack 配置文件，内容如下：

module.exports = {
  entry: './app.js',
  output: {
    filename: 'bundle.js'
  }
};

现在，运行以下命令来使用 Webpack 构建你的项目：

webpack --config webpack.config.js

Webpack 会根据配置文件中的设置将 app.js 文件打包成为一个名为 bundle.js 的文件。

结论

安装 webpack-cli 是使用 Webpack 构建项目的必要步骤。当你使用 webpack-cli 时，你必须确保先执行安装命令。然后，通过构建 Webpack 配置文件并使用命令 webpack 来构建你的项目。如果你需要更多关于 webpack-cli 的信息，你可以查阅官方文档。

Note: 本文所示命令均基于 macOS 操作系统。在其他操作系统中可能会有所不同。