webpack全局安装与本地安装的区别

1、webpack是什么？

本质上，webpack是一个用于现代javaScript应用程序的静态模块打包工具。当webpack处理应用程序时，它会在内部从一个或多个入口构建一个依赖图，然后将你的项目中所需的每一个模块组合成一个或多个bundles，它们均为静态资源，用户展示你的内容。

2、为什么要用webpack？

a、模块化开发：webpack支持模块化开发，可以将项目拆分为多个模块，并通过导入和导出语法进行模块间的依赖管理，这样可以更好的组织和管理代码，提高代码的可维护性和复用性。

b、资源管理：webpack可以处理各种类型的资源文件，如JavaScript、CSS、图片等。它支持加载器(Loader)来处理不同类型的文件，并且可以对资源文件进行压缩、优化与转换，以减少文件大小和提高性能。

c、代码拆分：webpack支持代码拆分，可以将项目代码拆分为多个块(chunks)，并按需加载，这样在页面加载时只会加载当前所需代码，而不是一次性加载所有代码，这样可以提高页面的加载速度，并减少用户等待时间。

d、开发辅助：webpack提供了开发服务器(DevServer)和热模块替换(Hot Module Replacement)等功能，可以实时预览修改的效果，并自动刷新页面。这样可以提高开发效率，减少手动操作和重复构建的时间。

e、优化代码：webpack可以对打包后的代码进行压缩、混淆和优化；以减少文件体积和提高执行效率。它还支持Tree Shaking技术，可以消失未使用的代码，进一步减少文件大小。

综上所述，Webpack作为一个现代化的前端构建工具，提供了强大的功能和灵活的配置选项，可以帮助开发者更高效地构建、优化和管理前端项目。

3、webpack本地安装与全局安装有什么不同

全局安装的话代码使用全局的webpack，那么如果换个人或者换台电脑没有安装webpack或者安装的webpack版本不一致，项目就跑不起来或者出错。

本地安装的话是直接安装在当前项目里，即依赖会被下载安装到本地文件中的node_module中，这样安装的依赖就只有本地项目可以使用，不同文件下的项目就不用使用这个依赖或者工具。也就是说其他人使用这个项目或者换台电脑都可以正常使用。

4、本地安装与全局安装的安装命令：

本地安装：npm install webpack  //生产依赖，这将在当前项目中安装webpack作为生产依赖，但不会将其添加到package.json文件中，不会将其添加到package.json文件的'dependencies'字段中；

                  npm install webpack -save //生产依赖，这将在当前项目中安装webpack作为生产依赖，并将其添加到package.json文件的'dependencies'字段中；

                  npm install webpack -save -dev //开发依赖，这将在当前项目中安装webpack作为开发依赖，并将其添加到package.json文件中的devDependencies字段中。只在开发环境中使用并不包含在最终部署的代码中，主要包括测试框架、构建工具、代码检查工具等。

全部安装：npm install -g webpack