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' // 解决资源重复打包的问题
},
