webpack和webpack -cli安装

webpack和webpack-cli是两个相关的工具，用于构建和管理前端项目中的模块和资源。

要安装webpack和webpack-cli，可以使用npm或者yarn进行安装。全局安装webpack和webpack-cli的方式是通过在终端中运行以下命令：

npm install -g webpack webpack-cli

或者

yarn global add webpack webpack-cli

这样就会将webpack和webpack-cli安装到全局环境中，可以在终端中直接使用webpack命令。

另一种方式是在项目中进行局部安装，这样可以将webpack和webpack-cli安装到项目的node_modules目录下。可以通过以下命令进行安装：

npm install webpack webpack-cli --save-dev

或者

yarn add webpack webpack-cli --dev

安装完成后，可以通过在终端中运行`node_modules/.bin/webpack`命令来使用项目中安装的webpack。另外，如果在项目的package.json文件中定义了scripts字段，并包含了webpack命令，可以通过`npm run build`命令来运行项目中的webpack。

总结起来，全局安装webpack和webpack-cli可以直接在终端中使用webpack命令，而局部安装可以通过`node_modules/.bin/webpack`命令或者通过npm scripts来运行webpack。
#### 引用[.reference_title]
- *1* *3* [webpack安装与使用（详细）](https://blog.csdn.net/qq_43812504/article/details/125455896)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [1-1为什么选择webpack 和安装 webpack](https://blog.csdn.net/weixin_42116704/article/details/84201546)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]