webpack安装与使用
什么是webpack以及webpack的安装与使用
1.什么是webpack？
webpack 是代码编译工具，有入口、出口、loader 和插件。webpack 是一个用于现代javascript应用程序的静态模块打包工具。当 webpack 处理应用程序时，它会在内部构建一个依赖图(dependency graph)，此依赖图对应映射到项目所需的每个模块，并生成一个或多个 bundle。
Webpack是一个用于现代javascript应用程序的静态模块打包程序。webpack在处理应用程序时，会递归地构建一个依赖图，这个依赖图包含了应用程序所需的每个模块，然后将所有这些模块打包成一个或多个bundle。
Webpack强调模块化开发和管理、文件压缩、预处理等功能，这些都是它的附随功能。
注意:
- Webpack模块化打包webpack必须依赖于节点环境才能正常运行，
- 为了正常执行许多代码，节点环境必须依赖各种包，
- 对各种包的依赖需要npm工具(节点包管理器节点包管理)
2.webpack安装
安装webpack ,要先安装 node.js , node.js自带了软件包管理工具 npm
1.查看node版本（node的安装自行查找，很简单）
node -v
2.全局安装webpack,避免后面出现版本问题，提前指定版本
npm install webpack@3.6.0 -g
注意：在此处进行全局安装后，后面也会进行局部安装
- 为什么全局安装后需要本地安装？
一个项目往往依赖于一个特定的webpack版本，全局版本可能与这个项目的webpack版本不一致，导致打包问题。所以通常，每个项目都有自己的本地Web包。Web Pack @ 3.6.0方便查看配置文件，后期版本隐藏了配置文件。
创建项目后，安装项目文件夹下的部分:(以下是webpacklearn文件夹下的安装)
npm install webpack@3.6.0 –save-dev
3.webpack的使用
（1）新建项目webpacklearn,按下图依次创建文件夹：
如果项目中依赖node中的一些包 ，npm init运行建package.json
进行打包：将项目文件夹在集成终端中打开，输入命令：
例如：webpack ./src/main.js ./dist/bundle.js
一路回车，运行完成后自动创建 package.json 文件
新建 webpack.config.js
简化命令：
修改：在项目文件夹下输入webpack的时候完成打包：
webpack命令完成打包： webpack
如何执行我们的build指令呢？–》
再次将打包命令修改命令为 npm run build，修改package.json文件 添加
“build”: “webpack”
关于使用全局webpack还是局部webpack的问题？
打开文件在终端直接执行webpack命令，使用的全局安装的webpack，当在package.json中定义了scripts时，其中包含了webpack命令，以及npm run build命令，那么使用的是局部webpack（使用package.json中的script的脚本在执行时，会按照一定的顺序寻找命令对应的位置，如果没有找到，会去全局的环境中寻找，）
参考文档：https://blog.csdn.net/qq_43812504/article/details/125455896
