https://github.com/fedek6/rollup-linaria-template
This is example shows how to use Linaria with Rollup to output a package.
https://github.com/fedek6/rollup-linaria-template
cssinjs linaria react template typescript
Last synced: about 1 month ago
JSON representation
This is example shows how to use Linaria with Rollup to output a package.
- Host: GitHub
- URL: https://github.com/fedek6/rollup-linaria-template
- Owner: fedek6
- Created: 2021-08-11T09:23:57.000Z (almost 5 years ago)
- Default Branch: main
- Last Pushed: 2021-08-15T12:28:40.000Z (almost 5 years ago)
- Last Synced: 2025-01-06T20:27:26.731Z (over 1 year ago)
- Topics: cssinjs, linaria, react, template, typescript
- Language: JavaScript
- Homepage:
- Size: 142 KB
- Stars: 2
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: .github/README.md
Awesome Lists containing this project
README
# Rollup Linaria template
> This is the one and only full example on how to use `Linaria` with `Rollup`. I've spent way too much time on this 😳
This example shows how to use [Linaria](https://github.com/callstack/linaria) to build React packages.
It's kind of hard to find any documentation for this library (which is kind of bummer). So, the best thing you can do with it is to create example repositories…
## Scripts
* `yarn build` — this should build `dist` and `style.css` in a root of this project.
* `npm publish` — to publish to git NPM.
## Usage
Installation:
```bash
echo "@fedek6:registry" "https://npm.pkg.github.com" > .yarnrc
yarn add @fedek6/rollup-linaria-template@1.0.3
```
Import:
```tsx
import { HelloWorld } from "@fedek6/rollup-linaria-template";
import "@fedek6/rollup-linaria-template/styles.css";
```
## Inspirations
* [Reach UI](https://reach.tech/)