1.2.3 全局安装与本地安装Webpack的区别

全局安装的Webpack，在任何目录下执行webpack命令，都可以调用webpack命令进行打包。而本地安装的Webpack，必须先找到对应目录node_modules下的webpack命令文件，然后才能执行打包命令（如果使用npx或package.json的scripts，会帮助我们自动寻找文件）。

考虑到全局安装的Webpack的版本可能会与本地工程中的版本不一致，我们推荐使用本地安装。

全局安装与本地安装的Webpack是可以共存的。在开发大多数前端项目的时候，都需要进行本地安装。因为只进行全局安装的话，可能会因为版本不一致的问题导致本地项目构建出错。

本地安装的Webpack，必须找到对应目录node_modules下的webpack命令文件，然后才能执行打包命令，因此一般需要拼接路径。

本地安装的Webpack进行打包，如果不想拼接路径，可以使用命令npx webpack，或者在package.json文件里写入下面的命令并执行npm run dev。这两种方式都会自动执行node_modules下的webpack命令，不需要拼接路径。

注意：

1）如果安装npm包太慢的话，可以通过以下命令设置npm镜像源为淘宝npm后再安装。

2）npx webpack命令里的npx是新版Node.js里附带的命令。运行该命令的时候默认会找到node_modules/.bin/下的路径执行，与下面的命令等效。

Linux/UNIX命令行如下。

Windows的cmd命令行（配套代码示例webpack1-1在D：\jiangruitao\路径下）如下。