webpack打包工具

首先，webpack是通过node js 来实现的，预装node js及npm/yarn，

和npm初始流程大致是相同的

yarn init /npm init 对开发文件进行初始化
yarn add /npm i 下载包
yarn remove /npm remove 删除包

下载好webpack模块后，在package.json中配置

scripts:{"build":"webpack"}

编写逻辑代码(必须在src/入口js文件内，直接或见解引入关系才会被打包)

执行yarn build，此时打包好的代码会被放入dist文件夹内

注：此时并未配置mode，所以运行yarn build时会报出mode未被设置的警告，也就是warning的那一段，默认选择的模式是上线模式（production），这时代码会被极致压缩，包括我们引入并使用的包都会被一起压缩进一个js文件中，如果将mode变成（development），这是开发模式，代码并不会被压缩至极致，两种模式看需求而定。

关于webpack配置文件（默认webpack.config.js）：

entry-入口（文件绝对路径的地址）

output-出口（path:打包后文件的路径  filename:打包文件的名称）

plugin-插件（每个插件都有不同的属性和写法，webpack官网中可以对照cv）

module-加载器

每个属性中所需要添加的项都需要进行资源的下载后才能使用生效，并且在使用时需要在js内引入模块