Webpack URLLoader限制要小

Question

我希望我的url加载器限制很小，但很多示例都超过了5000。为什么这样做？

如果限制很大，则css文件大小也很大

{
    test: /\.(jpe?g|png|gif|ico)$/,
    loader:  `url-loader?limit=20&name=[path][name]-[hash].[ext]&context=${__dirname + '/app/assets'}`
}

下面是一个示例，比较了限制1000和限制20：

Answer 1

这取决于您对最终捆绑包尺寸的期望。如果不考虑捆绑包的大小，并且可以将所有图像都进行base64编码，那么可以将限制保持在较高水平。 较低的限制意味着任何大于该尺寸的图像都不会添加到最终的捆绑包中。指向资产/图像文件夹的图像标签将被添加。