css-modules

0熱

3答えて

Webpack scss＆css modules react - 予期しないトークン文字列

私は、scss（mixins、variablesなど）とcssモジュールの組み合わせを使用するreactを使ってプロジェクトをセットアップしようとしています。 しかし、スタイルローダー、css-loader、postcss-loader、sass-loader、sass-resources-loader、import-glob-loaderを使用してwebpackをセットアップすると、私は、次のさ

css reactjs webpack sass css-modules 2017-12-17

---

1熱

2答えて

CSSモジュールがデフォルトでファイルをグローバルにインポートする方法を教えてください。

ReactとWebpackを使用している私のプロジェクトにCSSモジュールを実装しようとしています。しかし、私は作成したすべてのグローバルなCSSを使い続けたいと思っています。以前、私は今、私がしたいので、この import './styles.scss' のように反応し、その後、./styles.scss <button className='button'>Click me</button

reactjs webpack css-modules css-loader 2017-12-19

---

0熱

1答えて

BEMを使用したclassNameとcssモジュールの引数リストの正しい構文

Reactとwebpackを使用した非常に単純なCSSモジュールの設定を使用しています。クラス名にもBEMを使用します。 ダッシュ付きのクラス名は、文字列形式でないと有効ではなく、各クラスエントリのcss import文を繰り返し参照しない文字列バージョンが見つかりません。 これらはいずれも理想的ではないため、ライブラリの使用は避けてください。私はclassNamesの使用をアドバイスが、それは本

javascript reactjs jsx css-modules 2017-12-31

---

1熱

1答えて

予期せぬ文字 '@'このファイルタイプを扱うには適切なローダーが必要です

これはwebpackを実行しようとすると次のようになります：エラーは "/ ./v3/app/styles/main.scss モジュールの解析に失敗しました：/Users/vovina/widget-login-react/v3/app/styles/main.scss予期しない文字 '@'（1：0） このファイルタイプを処理するには、適切なローダーが必要な場合があります。 @importを解決

javascript webpack webpack-2 es6-module-loader css-modules 2017-11-15

---

2熱

1答えて

サーバ側のアプリケーションでwebpack監視ファイルを編集した後、webpack v3でCSSローダーエラーが発生しました

反応モジュールとCSSモジュールを経由してビューを構築しているノードexpress apiで作業しています。成分）。反応出力はrenderToStaticMarkup()でシリアル化され、JSON応答でリクエスターに返されます。私はこの応答でもコンパイルされたCSSを送るつもりです。 webpackを使用してサーバーアプリケーションを1つのファイルにバンドルする作業プロセスがあります。私は現在、C

css reactjs webpack css-modules css-loader 2017-09-27

---

0熱

1答えて

Typescript：MochaのCSSモジュールはコンパイルを中断します

react-css-modulesを使用しているコンポーネントがあり、mochaとts-nodeでテストを実行すると、モジュールfoo.cssが見つからないためテストが途絶えます。どのように私はこれを達成することができますか？ 私は私のテストのために実行する特定のコマンドは次のとおりです。./node_modules/.bin/mocha --compilers ts:ts-node/regist

typescript mocha css-modules react-css-modules ts-node 2017-10-02

---

0熱

1答えて

SCSS `function`、` mixin`をCSSモジュールと組み合わせて使う方法は？

私はReactプロジェクトでCSSモジュールを使い始めたばかりで、うまくアレンジしたいと思います。 SCSSのutils、関数などをグループ化していますが、CSSモジュールでは動作させることができません。私がrem関数を持っているとしたら、私はどのように私のプロジェクトでそれを使うことができますか？ :global { @function rem($px) { @return

reactjs sass css-modules react-css-modules 2017-12-01

---

0熱

2答えて

WebpackとPostCSSでホットリロードを有効にする

テキストエディタでスタイルシートを保存すると、ウィンドウをホットリロードしたいと思っています。現在、ページを手動でリロードして変更を確認する必要があります。私は抽出テキストプラグインと一緒にWebPACKの3、WebPACKのDevのサーバーとPostCSSを使用しています module: { rules: [ { test: /\.js$/, excl

webpack webpack-dev-server postcss css-modules extract-text-plugin 2017-10-16

---