From 1f0d890cb3367886ff8883c048954c83a39b33c8 Mon Sep 17 00:00:00 2001 From: Nathan Vasse Date: Fri, 17 Mar 2023 17:11:03 +0100 Subject: [PATCH] =?UTF-8?q?=E2=9C=A8(fonts)=20allow=20async=20font=20loadi?= =?UTF-8?q?ng?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 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. --- apps/demo/src/index.scss | 4 ++-- packages/react/package.json | 8 +++++--- 2 files changed, 7 insertions(+), 5 deletions(-) diff --git a/apps/demo/src/index.scss b/apps/demo/src/index.scss index 0e3136a..601addb 100644 --- a/apps/demo/src/index.scss +++ b/apps/demo/src/index.scss @@ -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"; diff --git a/packages/react/package.json b/packages/react/package.json index 58fdf6b..f80e188 100644 --- a/packages/react/package.json +++ b/packages/react/package.json @@ -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",