安装webpack4

### 如何安装 Webpack 4

对于安装 Webpack 4 的过程，可以遵循如下说明：

局部安装 Webpack 及其命令行工具是推荐的方式。通过执行 `npm init` 初始化一个新的 Node.js 项目并创建 `package.json` 文件之后，应当运行下面这条指令来安装指定版本的 Webpack 和 Webpack CLI 工具作为开发依赖项[^3]。

npm install webpack@4 webpack-cli --save-dev

一旦完成上述操作，在项目的根目录下便可以通过访问 `node_modules/.bin/webpack` 来调用 Webpack 的二进制文件[^1]。另外需要注意的是，自某个更新后，CLI 被移动到了独立的包中——即 `webpack-cli`，因此除了安装 Webpack 自身外还需要单独安装这个 CLI 组件才能正常使用命令行功能[^4]。

如果想要全局安装 Webpack，则应使用 `-g` 参数；不过通常建议优先考虑局部安装以避免不同项目间可能存在的版本冲突问题。

为了进一步扩展 Webpack 功能，比如自动将打包后的资源注入 HTML 文件里，还可以按照这种方式继续添加其他有用的插件，例如 `html-webpack-plugin` 插件可通过以下命令进行安装[^2]:

npm install html-webpack-plugin --save-dev

最后，配置 Webpack 行为通常是通过编写一个名为 `webpack.config.js` 的 JavaScript 模块实现，该模块导出的对象包含了所有必要的设置选项。