styled modern normalize

Современные нормы

Общий метод импорта для modern-normalize.css .

Стилизированная и нормализуется, представляет собой прокси-пакет современных нормейлизаций. CSS для стиля-компонентов для обеспечения CSS в качестве шаблона буквальной с интерполяцией с использованием функции API css в стилекомпонентах . Это позволяет импортировать и использовать его через injectGlobal или любой другой компонент стиля.

Пакет основан и совместим с современной нормализующейся. CSS версия 0.5.0. Предоставленные стили совместимы со стилями Components V2, V3 и V4.

Начиная

Установка

Добавьте пакет в качестве зависимости в ваш проект:

npm install --save styled-modern-normalize

Запустите npm install из корнета проекта, чтобы загрузить проект и установить зависимости разработки и среды выполнения. Обратите внимание, что это не установит необходимый пакет с компонентами стиля , который определяется как зависимость от сверстников и должен быть установлен отдельно, как описано в разделе зависимости со сверстниками ниже.

Зависимости от сверстников

В этом пакете используются функции API-компонентов стиля, которые возвращают компоненты React.

Следовательно, этот пакет зависит от стиля-компонентов и пакетов реагирования, определенных как зависимости от сверстников.

Пользователи Linux & Macos могут легко установить все зависимости от одноранговых одноранговых одноранговых лиц, используя NPX, который поставляется с предварительным количеством NPM 5 или выше:

npx install-peerdeps styled-modern-normalize

При использовании NPM <5 инструмент NPX не предварительно забит, но пользователи могут либо просто установить его по всему миру, а затем запустить вышеуказанную команду, либо установить пакет Install-PeerDeps локально/глобально, чтобы он обрабатывал установку всех зависимостей со сверстниками.

 # Via local installation…
npm install install-peerdeps
./node_modules/.bin/install-peerdeps styled-modern-normalize

# …or globally.
npm install -g install-peerdeps
install-peerdeps styled-modern-normalize

Вручную

Все зависимости от сверстников также могут быть установлены вручную (например, для пользователей, использующих систему на основе Microsoft Windows), установив правильную версию каждого пакета:

npm info " styled-modern-normalize@latest " peerDependencies

Использование

Стилизированная и нормализуется, может быть использована путем импорта дефолта или названного экспорта modernNormalize .

 // With default export…
import modernNormalize from "styled-modern-normalize" ;

// …or via named export.
import { modernNormalize } from "styled-modern-normalize" ;

Для введения стилей при использовании стиля-компонентов V4 можно использовать функцию API createGlobalStyle , которая генерирует компонент ленты StyledComponent :

 // Usage with the latest "styled-components" v4.
import { createGlobalStyle } from "styled-components" ;

const ModernNormalize = createGlobalStyle `
  ${ modernNormalize }
  /* ... */
` ;

// Use the generated component in your rendering logic to inject the styles.
/* ... */
< React . Fragment >
  < ModernNormalize />
</ React . Fragment > ;
/* ... */

При использовании стиливых компонентов V2 или V3 стили могут быть введены с использованием API injectGlobal :

 // Usage with "styled-components" v2 or v3.
import { injectGlobal } from "styled-components" ;

const cssBaseline = injectGlobal `
  ${ modernNormalize }
  /* ... */
` ;

Версия современной нормализуются MODERN_NORMALIZE_VERSION

 import { MODERN_NORMALIZE_VERSION } from "styled-modern-normalize" ;

// Example:
console . log ( MODERN_NORMALIZE_VERSION ) ; // "0.5.0"

Рабочий процесс разработки

Запустите npm install из корнета проекта, чтобы загрузить проект и установить зависимости разработки и среды выполнения. Для начала разработки с автоматическим перекомпиляцией при любом изменении исходного файла при запуске src/ Directory Run

npm run dev

Проект также настроен для самоуверенного форматета кода, который обеспечивает поддержку интеграции для многих редакторов, например, автоматически форматировать исходный файл при сохранении.

Здание

Распределительная сборка может быть создана при запуске

npm run dist

Непрерывные сборки интеграции работают в Circle CI и Travis CI.

Тестирование

Лининг

Источники JavaScript выпускаются с помощью ESLINT с использованием конфигурации ArciticeStudio-базы, которую можно запустить с

npm run lint:js

Источники отметки снимаются с помощью замечания с использованием предустановки ArcticicEStudio, который можно запустить с

npm run lint:md

Все задачи по линированию можно выполнить с

npm run lint

Внося

Прочитайте Руководство по вклад, чтобы узнать о процессе разработки и о том, как предложить предложения по улучшению и сообщить об ошибках, как отправить запросы на привлечение и стиль проекта, модель организации филиала и версий.

Руководство также включает в себя информацию о минимальных, полных и проверенных примерах и других способах внесения вклад в проект, такие как улучшение существующих проблем, а также отзывы о проблемах и запросах.

Copyright © 2018-Present Arctic Ice Studio и Sven Greb