1.修改输出文件夹

很多时候我们需要将打包后的资源进行合理地分类存储，例如js文件放在js文件夹，图片放在image文件夹，此时就可以修改相应的配置以达到这个目的。
js文件输出位置
在配置文件的output中设置filename，可以调整js文件的输出位置 图片文件输出位置
在之前的图片打包配置下方，加上generator配置，即可设置图片输出位置。

自动清空上次打包目录

2.处理字体图标资源

下载字体、图标文件，放在项目中，并且在main.js中引用

在配置文件中加入配置

额外补充
type: "asset/resource"和type: "asset"的区别：

1. type: "asset/resource" 相当于file-loader, 将文件转化成 Webpack 能识别的资源，其他不做处理
2. type: "asset" 相当于url-loader, 将文件转化成 Webpack 能识别的资源，同时小于某个大小的资源会处理成 data URI 形式

3.处理其他的资源

直接在字体图标的相关配置里加上其他的文件格式即可，同一都打包到media文件夹