[SVGR] SVG 파일 컴포넌트 사용
Dev/Nextjs
·
2024. 9. 22.
@svgr/webpack을 활용해 SVG 파일을 컴포넌트로 변환 1. @svgr/webpack 설정하기SVG 파일을 React 컴포넌트로 변환하기 위해 @svgr/webpack 패키지를 사용1.1. 패키지 설치npm install @svgr/webpack --save-dev 1.2. next.config.js에서 Webpack 설정// next.config.jsmodule.exports = { webpack(config) { config.module.rules.push({ test: /\.svg$/, // .svg 확장자를 가진 파일을 use: ["@svgr/webpack"], // svgr로 처리합니다. }); return config; },}; 2. SVG 파일..