現代符合樣式組件的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