[英]How to use @material-ui/core/useScrollTrigger in Next.js?
[英]Next.js how to use SWC compiler with Material UI and swc-plugin-transform-import
我一直在努力使用 SWC 编译器转换 Next.js 的导入。
我正在尝试使用swc-plugin-transform-import代替babel-plugin-transform-imports来缩短 Material UI 导入。
如文档所述,我已尝试使用此设置。 它显示了实验性警告,但除此之外,它完全忽略了插件。
// next.config.js
module.exports = {
experimental: {
swcPlugins: [
[
'swc-plugin-transform-import',
{
"@mui/material": {
transform: "@mui/material/${member}",
preventFullImport: true
},
"@mui/icons-material": {
transform: "@mui/icons-material/${member}",
preventFullImport: true
},
"@mui/styles": {
transform: "@mui/styles/${member}",
preventFullImport: true
},
"@mui/lab": {
transform: "@mui/lab/${member}",
preventFullImport: true
}
}
]
]
}
}
有人知道如何为 Next.js 启用和配置swc-plugin-transform-import
吗? 谢谢
哦,我在Next.js Compiler Docs中找到了答案。
module.exports = {
swcMinify: true,
experimental: {
modularizeImports: {
"@mui/material": {
transform: "@mui/material/{{member}}"
},
"@mui/icons-material": {
transform: "@mui/icons-material/{{member}}"
},
"@mui/styles": {
transform: "@mui/styles/{{member}}"
},
"@mui/lab": {
transform: "@mui/lab/{{member}}"
}
}
}
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.