webpack安装和项目化部署

虽然Webpack是一个非常流行的JavaScript模块打包工具，但它并不是Node.js或npm的一部分，因此默认情况下不会随npm一起安装。当你遇到“'webpack' 不是内部或外部命令，也不是可运行的程序”这样的错误信息时，通常意味着Webpack没有全局安装在你的系统上，或者你的项目中没有本地安装Webpack。

解决这个问题，你可以采取以下步骤之一：

全局安装Webpack

打开命令行工具（CMD、PowerShell或Terminal）。
运行以下命令来全局安装Webpack：

   npm install -g webpack webpack-cli

这会安装Webpack及其命令行接口（CLI）到你的系统中，这样你就可以在任何位置运行webpack命令了。

本地安装Webpack

更推荐的方式是在每个项目中本地安装Webpack，这样可以避免不同项目间的版本冲突。

切换到你的项目目录。
运行以下命令来在项目中本地安装Webpack和webpack-cli：

   npm install --save-dev webpack webpack-cli

这将在项目的node_modules/.bin目录下安装Webpack，并将其添加到package.json的devDependencies中。

调整npm脚本

一旦你安装了Webpack（无论全局还是本地），如果你是本地安装并且想要使用特定的配置文件（如webpack.dev.config.js），可以通过调整package.json中的scripts来避免直接调用webpack命令：

在package.json中，找到或添加如下脚本：

#
json
   "scripts": {
     "build": "webpack --progress --hide-modules --config webpack.dev.config.js"
   }
   

然后，你只需要运行npm run build，npm会自动查找node_modules/.bin目录下的webpack命令来执行。

记得，使用本地安装的Webpack时，通过npm脚本执行可以避免“命令找不到”的问题，因为npm会自动处理路径。