fix webpack handling for svg imports (#21311)

This commit is contained in:
Kerry 2022-03-04 13:57:26 +01:00 committed by GitHub
parent 3f2ad33b2b
commit 30339bd9a3
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -456,6 +456,7 @@ module.exports = (env, argv) => {
},
{
test: /\.svg$/,
issuer: /\.(js|ts|jsx|tsx|html)$/,
use: [
{
loader: '@svgr/webpack',
@ -478,10 +479,28 @@ module.exports = (env, argv) => {
outputPath: getAssetOutputPath,
publicPath: function (url, resourcePath) {
const outputPath = getAssetOutputPath(url, resourcePath);
return toPublicPath(path.join("../..", outputPath));
return toPublicPath(outputPath);
},
},
},
{
loader: 'file-loader',
options: {
esModule: false,
name: '[name].[hash:7].[ext]',
outputPath: getAssetOutputPath,
publicPath: function (url, resourcePath) {
const outputPath = getAssetOutputPath(url, resourcePath);
return toPublicPath(outputPath);
},
},
},
]
},
{
test: /\.svg$/,
issuer: /\.(scss|css)$/,
use: [
{
loader: 'file-loader',
options: {