如何在Next.Js和svgr中禁用removeViewBox插件

Question

我想禁用Next.js/svgr/svgo中的removeViewBox插件。下面的Next.config.js应该可以工作，但它不能。有人能帮忙吗？我将其用于："svgr/webpack"："6.2.0"反应"："17.0.2〃"下一个"："12.0.7〃；，

module.exports = {
reactStrictMode: true,
i18n,
webpack(config) {
config.module.rules.push(
{
test: /.svg$/i,
issuer: /.[jt]sx?$/,
use: [
{
loader: '@svgr/webpack',
options: {
prettier: false,
svgo: true,
icon: true,
svgoConfig: {
plugins: [
{
name: 'preset-default',
params: {
overrides: {
removeViewBox: false,
},
},
},
],
},
titleProp: true,
},
},
],
})
return config
},
}

Answer 1

对于@svgr/webpack@5.5.0，当我将{ removeViewBox: false }右侧添加到plugins数组时，它起作用：

{
loader: '@svgr/webpack',
options: {
svgoConfig: {
plugins: [
{ removeViewBox: false },
],
},
},
},

Answer 2

这就是我使用next@13.0.5和@svgr/webpack@6.5.1时的效果

config.module.rules.push({
test: /.svg$/i,
issuer: /.[jt]sx?$/,
use: [{ loader: '@svgr/webpack', options: { icon: true } }]
});