studio/cunningham
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

✨(fonts) allow async font loading

Browse Source 
Vite automatically inline assets in CSS in lib mode and this is
hardcoded in it. After multiple approaches it seems that this one
is the most trivial and easy-to-maintain one.
This commit is contained in:
Nathan Vasse
2023-03-17 17:11:03 +01:00
committed by NathanVss
parent b2fd517bde
commit 1f0d890cb3
2 changed files with 7 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
apps/demo/src/index.scss
View File

@@ -1,5 +1,5 @@
@import "@openfun/cunningham-react/fonts";
@import "@openfun/cunningham-react/icons";
@import "@openfun/cunningham-react/sass/fonts";
@import "@openfun/cunningham-react/sass/icons";
@import "@openfun/cunningham-react/style";
@import "cunningham-tokens";

8
packages/react/package.json
View File

@@ -18,7 +18,9 @@
},
"./style": "./dist/style.css",
"./fonts": "./dist/fonts.css",
"./icons": "./dist/icons.css"
"./icons": "./dist/icons.css",
"./sass/fonts": "./dist/sass/fonts.scss",
"./sass/icons": "./dist/sass/icons.scss"
},
"files": [
"dist/"
@@ -27,8 +29,8 @@
"lint": "eslint . 'src/**/*.{ts,tsx}'",
"dev": "yarn storybook & nodemon --watch src --ext '*' --ignore src/cunningham-tokens.ts --ignore src/cunningham-tokens.js --ignore src/cunningham-tokens.css --exec npm run build",
"build": "tsc && yarn build-theme && vite build && yarn build-fonts && yarn build-icons",
"build-fonts": "vite build -c vite.fonts.config.ts && rm -rf dist/fonts.js",
"build-icons": "vite build -c vite.icons.config.ts && rm -rf dist/icons.js",
"build-fonts": "vite build -c vite.fonts.config.ts && rm -rf dist/fonts.js && mkdir -p dist/sass && cp src/fonts.scss dist/sass/",
"build-icons": "vite build -c vite.icons.config.ts && rm -rf dist/icons.js && mkdir -p dist/sass && cp src/icons.scss dist/sass/",
"build-theme": "cunningham -o src -g css,ts,js",
"preview": "vite preview",
"test": "FORCE_COLOR=1 vitest run",