{"url":"https://tech.ymkokh.com/entry/2023/01/20/215355","width":"100%","image_url":null,"description":"\u524d\u56de\u306ffile-loader\u3067\u52d5\u753b\u30e1\u30c7\u30a3\u30a2\u3092\u5909\u63db\u3059\u308b\u65b9\u6cd5\u306b\u3064\u3044\u3066\u66f8\u304d\u307e\u3057\u305f\u304c\u3001 \u4eca\u56de\u306fmp3\u30d5\u30a1\u30a4\u30eb\u3092import\u3057\u307e\u3059\u3002 next.config.js \u306ewebpack\u8a2d\u5b9a\u306b\u4ee5\u4e0b\u3092\u52a0\u3048\u307e\u3059\u3002 const nextConfig = { ... webpack(config, options) { config.module.rules.push({ test: /\\.mp3$/, use: { loader: \"url-loader\", options: { limit: 8192, }, }, }); return config; }, }; url-loader \u306f\u5bfe\u8c61\u306e\u30d5\u30a1\u30a4\u30eb\u3092base\u2026","author_url":"https://blog.hatena.ne.jp/wyumikokh/","height":"190","type":"rich","provider_name":"Hatena Blog","provider_url":"https://hatena.blog","title":"Next.js\u3067mp3\u3092import\u3059\u308b","version":"1.0","blog_url":"https://tech.ymkokh.com/","author_name":"wyumikokh","html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftech.ymkokh.com%2Fentry%2F2023%2F01%2F20%2F215355\" title=\"Next.js\u3067mp3\u3092import\u3059\u308b - kokh log\" class=\"embed-card embed-blogcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;\"></iframe>","published":"2023-01-20 21:53:55","blog_title":"kokh log","categories":["Next.js"]}