javascript - 在Angular 8中将所有图像转换为base64
问题描述
假设我们在 Angular 8 应用程序中使用 angular-cli。是否有适当的方法使 ng build 将所有图像(在 css 中提到,例如background: url(/assets/myPic.png)
)转换为 base64 字符串?
AFAIK 问题在于 Angular 8 使用的是文件加载器而不是 url-loader。
我尝试使用 extra-webpack.config.js 扩展 webpack 配置:
module.exports = (config, options) => {
// ...
config.module.rules.unshift({
test: /\.(png|jpg|gif)$/i,
use: [
{
loader: 'url-loader',
options: {
limit: false
}
},
],
});
//...
return config;
};
但不知何故,这不起作用。
实际上,如果在 angular.json 中有一个选项会很好
解决方案
推荐阅读
- python-3.x - Python repr/str NoneType 没有属性
- python - 可以放入 shebang 的 Unix 解释器包装器
- python - 我如何去并完成一个子功能,然后恢复到我来自的“菜单功能”?(Python)
- google-ads-api - Adwords 脚本创建购物活动
- spring-boot - 如何使用 spring-boot JarLauncher 的自定义子类?
- ios - 使用平移关闭 UINavigationController 调整 UINavigationBar 相对于顶部安全区域的大小
- sql - SQL:找不到数据类型 Schedule_type
- python - wget 从谷歌购物清单
- mysql - 如何连接到远程机器上的 docker mysql 容器
- c++ - 如何使用 Boost Unit Test 框架测试 Qt 应用程序