Установка
Требования
Заголовок раздела «Требования»- Node.js 18+
- npm, pnpm или yarn
Установка пакета
Заголовок раздела «Установка пакета»npm
npm install ustatic-csspnpm
pnpm add ustatic-cssyarn
yarn add ustatic-css:::
Подключение в проекте
Заголовок раздела «Подключение в проекте»ESM
import 'ustatic-css';CJS
require('ustatic-css');:::
Использование с фреймворками
Заголовок раздела «Использование с фреймворками»Vue 3
Добавьте плагин в main.js:
import { createApp } from "vue";import { ustaticCss } from "ustatic-css/scripts";import App from "./App.vue";
const app = createApp(App);app.use(ustaticCss);app.mount("#app");React / Svelte / Vanilla JS
Используйте функцию loadStyles:
import { loadStyles } from "ustatic-css/scripts";
// Загрузите необходимые модулиawait loadStyles({ modules: ["flexbox", "spacing", "typography"] });:::
Следующие шаги
Заголовок раздела «Следующие шаги»- Быстрый старт — первый пример
- Использование CSS-классов — полный справочник классов