๋ชฉ๋กcomponent (1)
๐ค ์์งlog ๐ค
[NextJS] NextJS์์ ์ปดํฌ๋ํธํ์์ผ๋ก SVG์ฌ์ฉํ๊ธฐ
npm install -D @svgr/webpack webpack์ ์ค์นํฉ๋๋ค. // next.config.js ์ค์ module.exports = { webpack(config) { config.module.rules.push({ test: /\\.svg$/, use: ["@svgr/webpack"], }); return config; }, }; next.js ํ๋ก์ ํธ๋ฅผ ์ฒ์ ์์ฑ์ ๊ฐ์ด ์์ฑ๋๋ next.config.js๋ฅผ ์ค์ ํด์ค๋๋ค. // ํ๋ก์ ํธ ๋ฃจํธ ํด๋์ custom.d.ts ํ์ผ ์์ฑ declare module "*.svg" { import React from "react"; const svg: React.FC; export default svg; } ํ๋ก์ ํธ ๋ฃจํธ ํด๋์ custom.d...
๐ท Next JS
2022. 12. 5. 13:44