css-modules

0熱

1答えて

Refactを使ってReactJSのスタイリングクラスを変更する方法は？

色の値が変更されたときにdivの背景を変更しようとしています。 ChangeColor(oColor) { this.props.ChangeColor(oColor); console.log("Refs: ", this.refs.colorPicker.className); }, ここでcssクラス .colorPicker { padding-

javascript css reactjs css-modules refs 2016-09-20

---

14熱

1答えて

CSSモジュールを使用したReactCSSTransitionGroup

私はReactCSSTransitionGroupを持っています。私はCSSモジュール（および反応ルータからの動的ルーティングを使用していますが、これは期待どおりに動作していると思います）。 <ReactCSSTransitionGroup component="div" transitionName={transitions} transitionAppear

reactjs css-modules reactcsstransitiongroup 2016-09-26

---

1熱

1答えて

異なるクエリパラメータに応じて、異なるローダを条件付きで適用できますか？

webpackレベルでCSSモジュールglobal vs local css issueを解決しようとしています。 今私が持っている最良の解決策は、ファイルにラベルを付け、それらに異なるローダーを実行することです。これは現実世界のプロジェクトで使用するのが面倒です。 { test: /\.module.less$/, loader: 'style-loader!css-lo

webpack css-modules 2016-08-14

---

0熱

2答えて

React isomorphic appのwebpackでCSSモジュールを使用するには？

私はreact、react-router、express、webpackを使って同形アプリを構築しています。今、私はCSSをインポートするためにCSSモジュールを使用したいと思います。 index.jsxでimport './index.css'を使用していますが、クライアントで問題なく動作しますが、サーバーレンダリングでは機能しません。エラーはError: Cannot find module

reactjs webpack css-modules 2016-08-14

---

2熱

1答えて

classNameの下に2つのクラスがある要素

私はこの回答をどこにも見つけることができません！基本的に私はCSSモジュールを使用しており、ファイルをインポートしています。ここでは、CSSファイルの例です。ここでは、その後 .class1 { ... } .class2 { ... } そして、私は私のJSファイルで、これまで持っているものです。 import styles from './header.scss'

javascript css reactjs jsx css-modules 2016-08-14

---

3熱

2答えて

リアクションコンポーネントへのスタイル配列の受け渡し

postcss-loaderとcssモジュールを使用して、リアクションコンポーネントにスタイルの配列を渡したいと思います。 cssファイルをコンパイルするための私のwebpack.config.fileは、次のようになります。それは正しくなく、ときにそれをロードし、私はクラス名に一つだけのスタイルを渡すたび import styles from './cssFile.css'; class Co

reactjs webpack postcss css-modules 2016-08-17

---

2熱

1答えて

css-modulesとsass-loaderを組み合わせたときのエラー

SASSのmap-getを使用すると、次のエラーが発生します。 ERROR in ./src/special.scss Module build failed: ModuleBuildError: Module build failed: Unknown word (11:14) 9 | 10 | @mixin mediaquery($name) { > 11 | @m

sass webpack css-modules 2016-10-10

---

0熱

1答えて

cssモジュールクラスとboostrapアクティブを混ぜて

私が作業しているプロジェクトでは、postcss（postcss-cssnextとpostcss-include）のCSSモジュールを使用しています。我々はまた、グローバルに提供される依存関係としてブートストラップを持っています。 特定のコンポーネントには、ボタン用のカスタムクラスがあります。だから私のボタンは、次のクラスを持っています：btn btn-custom。 要件に応じて、アクティブな状

css twitter-bootstrap postcss css-modules cssnext 2016-10-14

---

0熱

2答えて

CSSモジュールは、インポートリターンは私が内部の反応CSSモジュールを使用しようとしていますが、それが動作していない

を空のオブジェクト。 このコードのログ： import React from 'react' import styles from '../../css/test.css' class Test extends React.Component { render() { console.log(styles) return ( <div class

reactjs webpack css-modules react-css-modules 2016-10-17

---

0熱

1答えて

どうすれば使用できますか？グローバルなCSSクラス - CSSモジュール

私はreactjsプロジェクトにCSSモジュールを使用しています。ここで私はグローバルなCSSクラスを使用しようとしている私のファイルです： <div class='site-wrapper'></div> <div class='site-wrapper-title'>Hello World</div> ここに私のStyles.cssをは :global{ .site-wrapp

css reactjs css-modules react-css-modules react-boilerplate 2016-09-06

---