Ниже представлена моя 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';
в моем индексе. js входа в систему i использовали 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
, меняются оба местоположения, значки
Какая правильная конфигурация для загрузки различных значков на основе разных клиентов в мультитенанте , так как у меня только один исходный код?