css-modules

4熱

1答えて

現在、現在のプロジェクトをWebpack 1からWebpack 2に移動しています。以前はうまく動作していたCSSモジュールでいくつか問題が発生しました。特に、私はcss-loaderとreact-css-modulesを使用します。私の現在の開発構成は次の通りです： test: /module\.css$/, use: [ 'style-loader', {

0熱

2答えて

SassとCSSモジュールでグローバルな親セレクタを使用

GLASSAL親セレクタ（この場合はisOpen）の存在に基づいて、SassモジュールとCSSモジュールを使用してReactコンポーネントのスタイルを設定するにはどうすればよいですか？レンダリングされたHTML： <div class="isOpen"> <div class="MyContainer__MyStyle___u9dTa"> My react componen

1熱

1答えて

特定のファイルでタイプチェックを除外します

styles.istylのファイルが、webpackでCSSモジュールとスタイラスの組み合わせでコンパイルされています。 TypeScriptはd.tsファイルなしでは認識できず、file is not a moduleエラーが発生します。エラーを黙らせる declare var whatever: any; export default whatever; 、それは（私たちは、このようなフ

1熱

2答えて

CSSモジュールとReactJS：異なるコンポーネントの親と子のCSSクラス

私は反応アプリケーションを構築していて、簡単な質問があります。 2つの別々のコンポーネントがある場合：と CSSクラスnavigation.cssとnavigationLogo.cssがそれぞれあります。 navigation.cssでは、私は.mainという名前のクラスを持っているとnavigationLogo.cssに私はそうのようなクラスを持つようにしたい： .main .main_in_

1熱

1答えて

CSSモジュールとセレン？

私はReact/ReduxとCSSモジュールを使ってWebアプリケーションを開発しています。単体テストでは、私はidentity-obj-proxyを使って私のCSSインポートを模倣しています。しかし、QAチームは、Seleniumを使用しているときに難読化されたクラス名をどのように処理するのかと不思議に思っています（これは私自身は全くわかりません）。私がis this questionを見つけ

3熱

2答えて

は「babel-plugin-react-css-modules」で動作しません。

私はReactプロジェクトでCSSモジュールを使用しようとしています。私はのようなものを行うことができる午前： import styles from './demo.css' const Demo =() => <div styleName="demo">Hello</div> そして、私のスタイルは、正常CSSから引き出され、接頭辞が付いています。しかし、CSSモジュールの "合成"機能を

2熱

3答えて

CSSモジュールでグローバル変数を使用するには？

私はCSSモジュールとの反応を勉強するのに忙しく、どのように変数を格納するのかよく分かりません。たとえば、Sassでこれを行うことができます： // _variables.scss $primary-color: #f1f1f1; // heading.scss @import './variables'; .heading { color: $primary-color }

0熱

1答えて

リアクションコンポーネントはジレンマをスタイリング

私はReactとReduxを使って新しいプロジェクトを作り始めます。私はリアクションには新しく、どのようなスタイルをとるべきかについてはわからない。どうやら、私はパフォーマンスを低下させず、CSS3のすべての機能を提供し、メンテナンスできるものを使いたいと思っています。だから、選択肢は次のとおりです。ラジウム SASS CSSモジュール私はSASSとCSS3.Nevertheless インライ

1熱

2答えて

CSSモジュールでクラスをネストして反応する方法は？

ReactプロジェクトでCSSモジュールを使用しようとしています。問題の最初の部分は、（sassを使って）ネストされたcssクラスを書くと、内側のものにアクセスできるかどうかわからない、というのはそれらも一意のクラス名にコンパイルされているようだからです。いくつかのコード： <div className={this.state.visible ? styles.header+" menu-visi

0熱

2答えて

"main"からのエクスポートは、HTML文字列を返す関数でなければなりません

私は静的サイト生成ツールhttps://css-tricks.com/css-modules-part-3-react/についてこの記事のすべての手順を実行していました。その記事から変更したのは、.babelrcの設定だけです。私が代わりにes2016のes2015を使用して、それはでこの .babelrc { "presets" : ["es2015","react"] } のよ