[React] Next.js + Typescript + Redux Toolkit || UI 디자인 관련

Svgr

svg 이미지를 자동으로 component화 시켜주는 툴

//install
npm i @svgr/webpack

Svgr 웹팩 설정

//next.config.js
module.exports = {
  webpack: (config) => {
    console.log('[next.config.js] webpack')
    config.module.rules.push({
      test: /\.svg$/,
      issuer: /\.[jt]sx?$/,
      use: ['@svgr/webpack'],
    })
    return config
  },
}

 

postcss