問題タブ [css-loader]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
0 に答える
57 参照

webpack - インクルードが webpack.config.js に追加されたときに css-loader が失敗しました

次のようなwebpack.config.jsファイルがあります。

しかし、それは失敗しました。エラーメッセージは次のとおりです。

しかし、includeを削除すると成功です。私のファイルディレクトリは次のとおりです。

ここに画像の説明を入力

0 投票する
1 に答える
3084 参照

reactjs - sass-loader webpack の実装エラー

私は現在、自分の webpack アプリケーションで sass を動作させようとしています。style-loader&の構成に成功しましたcss-loader。ただし、実装しようとするsass-loaderと、次のエラーが表示されます。

style-loader&をインストールする手順を説明しますcss-loader

  1. ランnpm install style-loader css-loader --save-dev
  2. ローダーを webpack.config に追加しました:

    /li>
  3. css フォルダーを作成し、そこに配置しますmyStyle.css

  4. スタイルシートを反応コンポーネントにインポートしましたrequire(../../css/myStyle.css

これは機能し、問題はありませんでした。この後、追加しようとしましたsass-loader。私が行った手順は、最初の手順と非常に似ていました。

  1. ランnpm install sass-loader node-sass --save-dev
  2. webpack.config にローダーを追加しました

    /li>
  3. に変更myStyle.cssmyStyle.scssます。

  4. スタイルシートを反応コンポーネントにインポートしましたrequire('../../myStyle.scss')

この後、上記の DOM に貼り付けられたエラーを受け取ります。コンソールが私にbarfsするエラーは次のとおりです。

提案や助けをいただければ幸いです。今のところ私は寝て、明日の朝に戻ってきます。コーディングをお楽しみください。おやすみなさい。

0 投票する
1 に答える
57 参照

css - ブートストラップ css の問題 - 新しいクラス名への上書き

次の Git Repo から React Starter を使用して新しいアプリを構築しています: https://github.com/alicoding/react-webpack-babel

何らかの理由で、「index.scss」に新しいクラスがあるたびに、奇妙な新しいクラス名として生成されます。

たとえば、新しいクラスを次のように記述した場合:

次のようになります。

なぜこれをしているのか誰にも分かりますか?このメソッドを使用する適切な方法は何ですか? または この方法を使用したくない場合はどうすればよいですか?

ご承知おき下さい。

ありがとう、

0 投票する
1 に答える
38 参照

javascript - Webpack css-loader の実装に問題があり、コンパイル時にエラーが発生しました

私は webpack を初めて使用し、別の適切なビルドをフォークして独自のビルドを作成しようとしています。

コンパイルされていないものの 1 つは css だったので、次のようにしました。

  1. 現在、webpack 構成ファイルに css ローダーがないことを確認してください (ありませんでした)。
  2. 走るnpm install css-loader --save-dev
  3. ローダーを追加する
  4. import css from './static/css/style.css';エントリ .js ファイルに追加
  5. テストのためにCSSに任意の変更を加えます

わかりやすくするために、ローダーは次のようになります。

次に、を実行しnpm run buildましたが、ここで端末に次のエラーが表示されました。

ここでどこが間違っているのかよくわかりません。助けや指針をいただければ幸いです。

0 投票する
1 に答える
134 参照

javascript - css-loaderによって変換されたクラス名を選択するためにjQueryを使用する方法は?

css-loader で webpack を使用しています。jQuery を使用して css-loader 変換されたクラスを選択する方法がわからないことを除いて、すべてが正常に機能しています。変換されたクラス名は、次の css-loader 構成で「src-styleauthTextboxLeft1Npf4」のようになります。

これがReactコードです

とにかく、2番目の選択を機能させる方法はありますか?