css-modules

1熱度

2回答

因此，我構建了一個反應應用程序並提出了一個快速問題。如果我有兩個單獨的組件：和分別帶有CSS類navigation.css和navigationLogo.css。在navigation.css我有一個類命名的。主要和navigationLogo.css我想有像這樣一類： .main .main_in_logo { color: red; } 但隨着CSS模塊，我無法做到這一點，對周圍的

1熱度

1回答

反應css模塊的幾個css文件

我有兩個相同的組件，這些組件在樣式上有點不同，所以我想重用常見的樣式，但不會使用gloval css for他們，我該如何實現它？ import React from 'react'; import commonStylesfrom '../common/table.css'; import styles from '../uniquesStyles.css'; export defaul

7熱度

3回答

如何使用Typescript，React和Webpack導入CSS模塊

如何使用Webpack在Typescript中導入CSS模塊？爲CSS生成（或自動生成）.d.ts文件？並使用經典的Typescript import聲明？隨着./styles.css.d.ts： import * as styles from './styles.css' 導入使用require的WebPack功能？ let styles = require("./styles.css")

1熱度

2回答

流模塊不能與.scss文件中找到

我使用SCSS與CSS的模塊，像這樣一個文件： import styles from './Login.scss'; 的構建的WebPack工作正常，但我得到一個流量誤差：Required Module Not Found 在我.flowconfig我有 [ignore] .*/node_modules/fbjs/.* .*/app/main.js .*/app/dist/.* .*/re

0熱度

1回答

從CSS模塊訪問全局類

我正在使用ReactJS和CSS模塊，每個反應組件都有對應的SASS文件。在編寫CSS時，每個類都會附加'三重下劃線隨機字符串' .myClass__e7G3A 根據滾動位置，我的應用程序將一個類（頂部'或'下'）添加到主體標記，我希望我的組件響應此。我遇到的問題是，如果我在CSS模塊中添加.top或.down，那麼它會將唯一標識符附加到該類的末尾。例如 JSX： <div classNam

3熱度

2回答

「組成」不與巴別塔 - 插件 - 反應 - CSS-模塊

我想在我的陣營項目中使用CSS模塊的工作。我可以做這樣的事情： import styles from './demo.css' const Demo =() => <div styleName="demo">Hello</div> 而我的風格是從CSS中拉出來的，並且前綴成功。然而，當我嘗試使用CSS的模塊「組成」功能，現在看來似乎完全被忽略。我甚至沒有從其他文件導入 - 只是試圖編寫本地類

3熱度

1回答

在CSS模塊中使用SCSS變量

我有一個_color.scss文件，其中包含400種顏色作爲變量。我喜歡20個組件，它們的樣式需要這個顏色變量。我正在使用SCSS + CSS模塊來構建我的樣式。截至目前，我正在導入這個_color.scss在每個組件的style.scss。實施例： component1.scss @import "color.scss"; component2.scss @import "color.s

2熱度

3回答

如何在CSS模塊中使用全局變量？

我忙於學習CSS模塊的反應，我不太明白如何存儲變量？例如，在Sass中，您可以這樣做： // _variables.scss $primary-color: #f1f1f1; // heading.scss @import './variables'; .heading { color: $primary-color } 您如何在CSS模塊中實現此目的？

1熱度

2回答

如何在css模塊中嵌套類並作出反應？

我想在我的React項目中使用CSS模塊。問題的第一部分是，如果我編寫嵌套的css類（使用sass），我不知道我是否可以訪問內部的類，因爲那些似乎也編譯爲獨特的類名。有些代碼： <div className={this.state.visible ? styles.header+" menu-visible" : styles.header}> <div className="menu"

4熱度

1回答

Webpack 2 CSS模塊支持

現在我正在將我目前的項目從Webpack 1移動到Webpack 2，我遇到了一些以前工作正常的css模塊的問題。特別是，我使用css-loader和react-css-modules。我目前的開發配置如下： test: /module\.css$/, use: [ 'style-loader', { loader: 'css-loader',