首页 > 解决方案 > 在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 中有一个选项会很好

标签: javascriptangularwebpackangular8base64url

解决方案


推荐阅读