いろんな環境で https://github.com/pixiv/charcoal を使用します。
/examples
を見てね
- html-parcel-classless
- react-vite-styled
- react-webpack-tailwind
- vue-vite-tailwind
- CRA (Webpack) 環境で styled と icons は問題なく動く
- Vite 環境で styled, tailwind-config は普通に動く、icons は工夫が必要
- Parcel で icons が動かない。tailwind-config は普通に動いた
- swc とか esbuild は試していないのでわからない
icons は SVG を dynamic import しており、この辺の挙動がバンドラーによって上手くいく・いかない生んでいる。 ( 現状の icons は主に webpack 環境を想定して実装されており、そこが課題っぽい )