This package contains reused code for projects under davjhan-games.
New game projects should use this -> davjhan-sveltekit-template and use yalc to link to this package.
This will use yalc to wire dependencies locally.
- Publish this package to the computer's global yalc directory. (
~/.yalc)
yalc publish
- cd to the project that you want to use this on, and make a yalc link.
yalc link davjhan-core
Note, we want to do yalc link not yalc add because we want yalc to create a symlink to the consumer's local.
yalc store instead of the global store. This allows hot reload to work because it can pick up changes automatically.
3. Add a dependency in the consumer's package.json so that the symlink from node_modules/davjhan-core to .yalc/davjhan-core
is created on npm install.
"dependencies": {
"davjhan-core": "file:.yalc/davjhan-core"
}
There are several things you might want to use in this package:
If you want to use the tailwind.config.cjs from here, in your tailwind settings (usually in postcss.config.js) set
tailwindcss({
config: 'node_modules/davjhan-ui/tailwind.config.cjs'
}),
If you are using Tailwind you probably also want to use the common style.css. near the root of the consumer app, do
import 'davjhan-core/src/style.css'
Components should be barrelled in this package's index.js so they can be imported like so:
import { Navbar } from 'davjhan-core'
Say you made a change to style.css. To push this change to all projects in your computer,
do
yalc push
Yalc keeps track of all consumers who did yalc link or yalc add and will update them accordingly.
To auto push on changes
npm run watch