Javascript 将所有图像转换为角度8中的base64

Javascript 将所有图像转换为角度8中的base64,javascript,angular,webpack,angular8,base64url,Javascript,Angular,Webpack,Angular8,Base64url,假设我们在angular 8应用程序中使用angular cli。 有没有合适的方法让ng build将所有图像(在css中提到过,例如background:url(/assets/myPic.png))转换成base64字符串 问题是Angular 8使用的是文件加载器而不是url加载器 我已尝试使用extra-webpack.config.js扩展webpack配置: module.exports=(配置,选项)=>{ // ... config.module.rules.unshift(

假设我们在angular 8应用程序中使用angular cli。 有没有合适的方法让ng build将所有图像(在css中提到过,例如
background:url(/assets/myPic.png)
)转换成base64字符串

问题是Angular 8使用的是文件加载器而不是url加载器

我已尝试使用extra-webpack.config.js扩展webpack配置:

module.exports=(配置,选项)=>{
// ... 
config.module.rules.unshift({
测试:/\(png | jpg | gif)$/i,
使用:[
{
加载器:“url加载器”,
选项:{
限制:错误
}
},
],
});
//...
返回配置;
};
但不知怎么的,这不管用


事实上,如果angular.json中有这样一个选项就好了。如果图像路径被内容散列替换,那么图像中的更改将被浏览器识别。我认为angular会将SASS中资产文件夹中的所有图像内联起来。GitHub上有一些问题,人们抱怨他们无法关闭它。“内联在即将到来的7.0中已被完全删除。如前所述,考虑缓存和HTTP/2.0的出现不再需要内联。”我要求的是Angular 8。另外,我有不同的理由将它们内联。如果图像路径被内容散列替换,那么你可以使用POSTSS这个插件,甚至更好,这样浏览器就可以识别图像中的更改。我认为Angular可以内联SASS中资产文件夹中的所有图像。GitHub上有一些问题,人们抱怨他们无法关闭它。“内联在即将到来的7.0中已被完全删除。如前所述,考虑缓存和HTTP/2.0的出现不再需要内联。”我要求的是Angular 8。我也有不同的理由让它们内联。你可以使用PostSS这个插件