@carv/cdn-css-loader

async loading of css files

• Usage
• Available Scripts
• Create a release
• Folder Structure

Usage

import loadCss from '@carv/cdn-css-loader'

const element = await loadCss('./url/to/style.css')

Available Scripts

npm start

Runs the app in the development mode. Open http://localhost:8080 to view it in the browser.

The page will reload if you make edits.

npm test

Two sub scripts will came in handy from time to time:

• npm start test.watch: re-run tests on change
• npm start test.coverage: creates a coverage report at coverage/lcov-report/index.html

npm run format

Formats all sources using prettier.

Create a release

1. Update changelog
2. npm run format
3. npm test
4. git commit -a -m "chore: prepare release`
5. npm version [<newversion> | major | minor | patch] -m "chore: release"

Folder Structure

src/

Put all your source code including your test files here. Test files are matched using the following regexp:

• src/**/__tests__/*.{js,jsx,ts,tsx}: matches every file within a __tests__ directory but not in child directories
• src/**/*.{spec,test}.{js,jsx,ts,tsx}: matches *.test.js and *.spec.js files; some for the other extensions

src/__preview__/

This directory is used by snowpack on npm start to render a preview of your code. Modify src/__preview__/app.svelte to match your needs.