Webpack5 解决静态资源重复打包问题

在使用url-loader、file-loader时，想将资源打包到特定的文件夹，而不是根目录时，Webpack还是会重复将资源打包到根目录。

解决

{test: /\.(png|svg|jpg|jpeg|gif|ico)$/,use: [{loader: 'url-loader',options: {limit: 8192, // 小于8KB的图片会被转为base64格式name: 'images/[name].[ext]', // 输出文件的路径和名称publicPath: 'dist/' // 公共路径，加载时会添加此路径}}],type: 'javascript/auto'  // 解决资源重复打包的问题
},
{test: /\.(woff|woff2|eot|ttf|otf)$/,use: [{loader: 'file-loader',options: {name: 'fonts/[name].[ext]',publicPath: 'dist/'}}],type: 'javascript/auto'  // 解决资源重复打包的问题
},