2021-08-05
深世海 into the Depthsをやっていたら時間が過ぎてしまった
めっちゃおもろいのでおすすめです
Next.jsでESM読もうとすると死んでしまうの、全てのコードをバンドルして外部ライブラリをrequireする形にコンパイルするからか
webpackはexternal moduleをrequireでしか取ってこれないから……
rollupとかだとうまくやるかもしれないですね、知らんけど
next-transpile-modulesを使えということ
Support ES module format (ESM) in next.config.js · Issue #9607 · vercel/next.js · GitHub ここで議論されてる
next.config.jsでESM使わせろって話でソース中のESMの話してるのかなりおかしいだろ
https://gyazo.com/95b1412ae4009bba3479044943766976
もくもくブログらしきものを作っていたらかなり当たり障りのないものができて凹んでいる
style-loaderはメディアクエリ付き@importを正しく処理するが、mini-css-extract-pluginはできない？
css-loaderはちゃんとメディアクエリを処理しているが、mini-css-extract-pluginが無視してるっぽい、すごい
https://github.com/webpack-contrib/mini-css-extract-plugin/blob/31b678c17af720cf1c80815f1771fe2fa2e6ae1f/src/index.js#L1002 できそうでできてないんだよな
分解できたところでNextがちゃんと処理できないと意味ないわけですが
ここらへんちゃんとケアできるとダークテーマのときライトテーマのCSSのDLを丸ごと遅延させるとかできるはず
とりあえずpostcss-importでシバいて解決した
https://gyazo.com/db1502256e984038d4baefba7f1d2153
#日記