css-modules

    1熱度

    2回答

    我使用的CSS模塊,但是我在追加使用JavaScript鳴叫組件使用庫增加了一些元素,以我的組件的結構如下: <div class='user'></div> <div class='tweet'></div> 我想現在風格的分量我的CSS模塊這些元素,如下所示: MyComponent.css .user { /* styles */ } .tweet { /* styles *

    9熱度

    3回答

    我正在使用一個React組件庫(React Toolbox),它使用CSS模塊和Webpack在它們的Tab組件中輸出這個類:label___1nGy active___1Jur tab___Le7Ntab是我傳遞下來的className prop。該label和active類是從圖書館來了。我想申請一組不同的樣式上active,像.tab.active其中tab指的是我所創建的風格和active

    0熱度

    1回答

    我試圖弄清楚如何導入/需要包括身體等標籤樣式的全局CSS。 我使用css-loader + style-loader和提取文本插件..我注意到:全局選擇器,但不知道我應該把global.css放到哪裏並導入它。 感謝

    12熱度

    2回答

    我正在嘗試使用react-css-modules,webpack和Hot Module Replacement設置React項目。一切工作都像一個魅力,但我無法讓CSS源代碼工作。我跟着this guide使HMR工作。它涉及一個BrowserSync安裝程序,在Webpack將其寫入磁盤後更新該css文件。 我使用ExtractTextPlugin(由反應-CSS-模塊所建議的),以提取所有的C

    15熱度

    3回答

    我使用CSS模塊(通過CSS的WebPack裝載機)在一個新的陣營項目,即使它工作的偉大,我遇到麻煩了SCSS向React Select工作。我想這是因爲它試圖創建local類名,其中JS在react-select是不知道的。有沒有辦法導入整個.scss文件,但全局而不是本地範圍?

    1熱度

    1回答

    我想了解爲什麼當我使用css-modules時,我的顏色在我的CSS中被覆蓋。這裏是我的jsx: let tabLink = className({ [s.selected]: selectTab }); <li className={s.tabs}> <a className={tabLink}>{tab.translation}</a> </li> 這裏是CSS

    1熱度

    1回答

    我可以使用isomorphic-css-loader使css模塊在服務器端呈現工作。但我真的需要在反應組件html標籤上動態添加內嵌樣式。它就像使用css模塊的默認樣式,具有內嵌樣式的更新樣式。是否有可能在同一時間使用它們?就像鐳+ SSR的CSS模塊... 這是正常的CSS模塊場景: // MyComponent.scss .root { padding: 10px; } .title { c

    3熱度

    1回答

    我正在使用css modules和post-css。我已經添加了post-css-simple-vars插件 colors.css $orange: #ff6600; $blue: #056ef0; 在我button.css文件,我怎麼用的組合物,所以我可以在colors.css重用變量? button.css .button { composes: * from '../styl

    1熱度

    1回答

    我正在設計我的反應應用程序。我正在使用webpack的css模塊。這是我的配置: { test: /\.css$/, loaders: ["style", "css?modules"] }, 我對我的組件進行了樣式設計,製作了一杯咖啡,現在它不工作。所以我有一個我想使用的樣式表。 import styles from "./search.css"; 但是,當我在我的組件內打破,沒有定義st

    2熱度

    2回答

    我只是想知道什麼是最好的方法來使用cssnext這樣的自定義屬性,以及反應中的css模塊。 有沒有一種方法可以跨模塊共享這些內容? :root{ --primary: pink; --fontSize: 1rem; --fullWidth: 100%; --color: red; --gutter: 1.618rem; } @custom-me