Webpack と Turbopack で一貫して SVGR を動かす
開発環境とビルド環境が違っても同じ SVG import 体験を保つための設定メモです。
- #ビルドツーリング
- #Next.js
- #SVG
등록일 2026-03-0134
コメント
入力したパスワードは秘密コメントの閲覧、修正、削除に使われます。
まだコメントがありません。
韓国語と日本語コピーにおけるタイポグラフィのリズム
多言語環境で行間とフォント選定がレイアウト密度にどう影響するかを整理した記事です。
開発環境とビルド環境が違っても同じ SVG import 体験を保つための設定メモです。
入力したパスワードは秘密コメントの閲覧、修正、削除に使われます。
まだコメントがありません。
ビルドツールが変わっても SVG import ルールを固定するのがポイントです。
const nextConfig = {
webpack(config) {
config.module.rules.push({ test: /\\.svg$/i, use: ['@svgr/webpack'] });
return config;
},
};