css-modules

3熱度

1回答

在我們的自動化測試，在我們的代碼典型的行可能看起來像： find('.edit-icon').click 我們對我們的方式在我們的項目中使用CSS-模塊和我已經警告說，類名可能會發生巨大變化一個漂亮的滑稽的例子是這樣的網站，在其類名稱使用表情符號（當你檢查頁面）： css modules by Glenn Maddern 會如何我最好的一個變化劇烈這個準備？我想我們的許多規格都打破了，但我有點擔心

3熱度

1回答

我可以導入scss文件在Webpack中使用'composes'語句嗎？

我現在正在學習CSS模塊，看起來他們會解決很多問題。但所有文檔都基於CSS，我想使用SASS。這可能嗎？例如，我怎樣才能使以下聲明有效？ .normal { composes: common; composes: primary from "../shared/colors.scss"; }

1熱度

1回答

用css模塊定義圖案 - 在c3.js折線圖中修改點以在裏面生成圖像

我正在使用c3.js，並且我的組件正在使用CSS模塊。我想用圖像修改折線圖中點的填充。對於在渲染方法，我又增加了DEFS模式 - render(){ return ( <div> <defs> <pattern id="image" x="0" y="0" patternUnits="userSpaceOnUse" height="1" widt

1熱度

1回答

是否可以有條件地應用不同的裝載器，具體取決於不同的查詢參數？

我試圖解決在webpack級別的css模塊global vs local css issue。我現在最好的解決方案是標記文件並在其上運行不同的裝載機，這在現實世界的項目中非常繁瑣。 { test: /\.module.less$/, loader: 'style-loader!css-loader?modules&importLoaders=2&sourceMap&loc

0熱度

2回答

如何在React isomorphic應用程序中使用帶有webpack的CSS模塊？

我使用react，react-router，express和webpack構建一個同構應用程序。現在我想用css模塊導入css。我在index.jsx中使用import './index.css'，它在客戶端上工作正常，但不適用於服務器渲染。錯誤是Error: Cannot find module './index.css'。組件/ index.jsx import React, {Compo

2熱度

1回答

ClassName下有兩個類的元素

我似乎無法在任何地方找到此答案！基本上我使用CSS模塊，並且我正在導入文件。下面是CSS文件的例子： .class1 { ... } .class2 { ... } 然後下面是我在我的JS文件至今： import styles from './header.scss'; export const Header =() => ( <div className=

3熱度

2回答

將樣式數組傳遞給React組件

我想使用postcss-loader和css模塊將樣式數組傳遞給React組件。我編譯CSS文件webpack.config.file看起來是這樣的： loaders: [ 'style-loader', 'css-loader?modules&importLoaders=1&localIdentName[name]__[local]___[hash:base64:5]',

1熱度

1回答

React組件添加由於導入的css模塊而無法識別的classNames

當前正在使用React和CSS模塊的大型項目。我想對一堆列表項目實施'任何可排序的反應'。到目前爲止，實現已經停滯，因爲'react-anything-sortable'將以下類添加到'react-anything-component'內的任何子類：.ui-sortable，.ui-sortable-item， .ui-draggable和.ui-sortable-placeholder。我假設

0熱度

2回答

CSS模塊：結合classnames的最佳實踐？

我在我正在開發的ReactJS應用程序中使用css-modules。 <div> <div className={styles.homeLink}>home</div> <div className={styles.aboutLink}>about</div> </div> 如果我需要對所有菜單的div類（家庭，約），也特定類的每個風格他們，那麼我需要創建一個共享類的所有

1熱度

1回答

只編譯與webpack，而不是JavaScript的css模塊

有沒有辦法在webpack編譯編譯CSS模塊，但根本不編譯javascript？我想發佈一個使用css-modules的反應組件，但是指向我的源文件作爲入口點（未轉譯的javascript）。但是，如果我不編譯css-modules，那麼使用該組件的人將無法使用它，除非他們也使用css-modules加載器。在webpack中甚至有可能是這樣的，或者是否存在這樣的庫？