コンテンツにスキップ

Assetsファイルを読み込む

最終更新日: 2021-04-27

内容的にはプリレンダリング時に静的ファイルを読み込むと被る

確認環境

Env Ver
next 10.1.3
react 17.0.1
node-sass 5.0.0

サンプルコード

<img />

  • public/example.png を参照する場合
    • public/ を削ったパスを設定してやれば良い
    • public/ 以外は見てくれないので、他のところに置くとエラーになる
1
2
3
const Example = () => {
  return <img src="example.png" />;
};

background-image on SASS

1
background-image: url('../public/example.png');