反应:Favicon加载问题。使用Webpack和React <头盔

时间:2020-08-07 06:21:21

标签: javascript reactjs webpack favicon

下面是我的webpack.base.babel.js配置

    {
    test: /\.(jpe?g|png|gif|svg)$/i,
    use: [
    'file-loader',
    {
        loader: 'image-webpack-loader',
        options: {
        progressive: true,
        optimizationLevel: 7,
        interlaced: false,
        pngquant: {
            quality: '65-90',
            speed: 4,
        },
        },
    },
    ],
},

我在app.js上导入了file-loader

import '!file-loader?name=[name].[ext]!./assets/images/customer1_favicon.ico';

在登录的index.js中,我使用了react-helmet

import { Helmet } from 'react-helmet';
.
.
<Helmet>
    <title>title</title>
    <meta name="description" content="sample content"/>
    <link rel="icon" href='customer1_favicon.ico' type="image/x-icon" />
</Helmet>

基本上,我有多租户架构。我将不得不分别加载收藏夹图标。 当我在'import '!file-loader?<Helmet中更改图像文件名时,两个位置的图标都在更改。

由于我只有一个源代码,因此根据多租户中的不同客户加载各种图标的正确配置是什么?

0 个答案:

没有答案