How to properly use Lexical as a git submodule in a React project and symlink into Lexical Playground files?

[vadimkantorov]

How does one set up Lexical as a git submodule to a Lexical release tag?

I would like to symlink files from Lexical Playground package into my own react-rich-based tree. Are there any advices of how to do that properly wrt relative paths / vite and git? (e.g. we can't commit absolute paths in symlinks to git, so paths must be somehow relative, but still working with vite / VS code)

I tried creating symlinks from the project root (e.g. ln -s ./lexical/packages/lexical-playground/src/ui/Button.css ./src/ui/Button.css), but then files seem not resolved: cat ./src/ui/Button.css : # No such file or directory. If I do cd src/ui && ln -s ../../lexical/packages/lexical-playground/src/ui/Button.css ., then VS Code can open this file, but vite build fails)

This would allow for simple updates of Lexical from upstream when needed.