下面是我的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
中更改图像文件名时,两个位置的图标都在更改。
由于我只有一个源代码,因此根据多租户中的不同客户加载各种图标的正确配置是什么?