styled modern normalize

现代符合样式组件的css

modern-normalize.css的一种常见导入方法是使用未命名的进口量，该进口量适用于香草CSS或诸如Sass/LINS/LINS的处理前的项目和WebPack之类的Bundler的项目，但它并不能利用CSS-JS库的优势，例如Styledled Components ，EG Auto-Prefefix and Css and css and css and css and css and css and css and css and css and css and css and css and css and css and css and css and css and css and css and css and css and css＆css均优化。

样式现代差异化是用于样式组件的Modern-Normalize.css的代理包，可通过使用Stylel-Component的css API函数来提供CSS作为模板字面的字面插值。这允许通过injectGlobal或任何其他样式组件导入并使用它。

该软件包基于现代纳向兼容。CSS版本0.5.0。提供的样式与样式组件V2，V3和V4兼容。

入门

安装

将软件包添加为您项目的依赖性：

npm install --save styled-modern-normalize

从项目根内运行npm install以引导项目并安装开发时间和运行时依赖关系。请注意，这不会安装所需的样式组件软件包，该软件包定义为同伴依赖性，必须按照下面的同行依赖项部分进行单独安装。

同行依赖

该软件包使用样式的组件API函数，这些功能返回React组件。

因此，该软件包取决于定义的组件和反应软件包定义为同行依赖性。

Linux＆MacOS用户可以通过使用NPX轻松安装所有同行依赖项，该NPX与NPM 5或更高版本有关：

npx install-peerdeps styled-modern-normalize

当使用NPM <5时， NPX工具没有预借入，但是用户可以简单地在全球安装上面，然后运行上述命令，或在本地/全球安装安装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

手动

也可以通过安装每个软件包的正确版本：

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" ;

为了注入样式时，可以使用createGlobalStyle API函数来生成StyledComponent roade组件：

 // 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时，可以使用injectGlobal API注入样式：

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

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

现代normalize.css的版本当前基于此软件包的导出为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使用ArcticiCeStudio-base配置，可以使用

npm run lint:js

使用ArcticiCeStudio Prest用备注薄荷来刺激降价来源，可以使用

npm run lint:md

所有覆盖任务都可以运行

npm run lint

贡献

阅读有关开发过程的贡献指南以及如何提出增强建议并报告错误，如何提交拉动请求以及项目的StyleGuides，分支机构组织和版本模型。

该指南还包括有关最低，完整和可验证的示例的信息以及其他为项目做出贡献的方法，例如改善现有问题并就问题提供反馈和提取请求。

版权所有©2018-Present Arctic Ice Studio＆Sven Greb