1.创建一个打包组件或者库：

安装weback：

打开项目：

创建webpack.config.js,创建src目录

打包好了后发现两个js文件都被压缩了，我们想开发使用未压缩，生产使用压缩文件。

erserPlugin：（推荐使用的原因是支持es6的语法）

webpack4默认使用的压缩插件，当mode是production的时候，会自动去使用的一个插件。

如果mode不是，可以自己配置，让他去使用。

2.打包步骤：

主动使用需要先安装插件：

引用：

重新运行build

明显的看到两个文件的大小发生了变化。

第一步，查看当前项目的入口文件：

增加描述，以及必要的增加一个发布钩子

可以把这个包直接发布到npm

ps：首先要有npm账号

3.如何在项目里面使用：

在自己的项目里面使用npm安装

在自己项目里面引用

在自己的项目里面使用