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 编码到其中，那么您可以将限制保持在较高水平。 下限意味着任何超过该尺寸的图像都不会添加到最终包中。将改为添加指向 assets/image 文件夹的图像标签。