問題タブ [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.
reactjs - sass-loader webpack の実装エラー
私は現在、自分の webpack アプリケーションで sass を動作させようとしています。style-loader
&の構成に成功しましたcss-loader
。ただし、実装しようとするsass-loader
と、次のエラーが表示されます。
style-loader
&をインストールする手順を説明しますcss-loader
。
- ラン
npm install style-loader css-loader --save-dev
ローダーを webpack.config に追加しました:
/li>css フォルダーを作成し、そこに配置します
myStyle.css
- スタイルシートを反応コンポーネントにインポートしました
require(../../css/myStyle.css
これは機能し、問題はありませんでした。この後、追加しようとしましたsass-loader
。私が行った手順は、最初の手順と非常に似ていました。
- ラン
npm install sass-loader node-sass --save-dev
webpack.config にローダーを追加しました
/li>に変更
myStyle.css
しmyStyle.scss
ます。- スタイルシートを反応コンポーネントにインポートしました
require('../../myStyle.scss')
この後、上記の DOM に貼り付けられたエラーを受け取ります。コンソールが私にbarfsするエラーは次のとおりです。
提案や助けをいただければ幸いです。今のところ私は寝て、明日の朝に戻ってきます。コーディングをお楽しみください。おやすみなさい。
css - ブートストラップ css の問題 - 新しいクラス名への上書き
次の Git Repo から React Starter を使用して新しいアプリを構築しています: https://github.com/alicoding/react-webpack-babel
何らかの理由で、「index.scss」に新しいクラスがあるたびに、奇妙な新しいクラス名として生成されます。
たとえば、新しいクラスを次のように記述した場合:
次のようになります。
なぜこれをしているのか誰にも分かりますか?このメソッドを使用する適切な方法は何ですか? または この方法を使用したくない場合はどうすればよいですか?
ご承知おき下さい。
ありがとう、
javascript - Webpack css-loader の実装に問題があり、コンパイル時にエラーが発生しました
私は webpack を初めて使用し、別の適切なビルドをフォークして独自のビルドを作成しようとしています。
コンパイルされていないものの 1 つは css だったので、次のようにしました。
- 現在、webpack 構成ファイルに css ローダーがないことを確認してください (ありませんでした)。
- 走る
npm install css-loader --save-dev
- ローダーを追加する
import css from './static/css/style.css';
エントリ .js ファイルに追加- テストのためにCSSに任意の変更を加えます
わかりやすくするために、ローダーは次のようになります。
次に、を実行しnpm run build
ましたが、ここで端末に次のエラーが表示されました。
ここでどこが間違っているのかよくわかりません。助けや指針をいただければ幸いです。
javascript - css-loaderによって変換されたクラス名を選択するためにjQueryを使用する方法は?
css-loader で webpack を使用しています。jQuery を使用して css-loader 変換されたクラスを選択する方法がわからないことを除いて、すべてが正常に機能しています。変換されたクラス名は、次の css-loader 構成で「src-styleauthTextboxLeft1Npf4」のようになります。
これがReactコードです
とにかく、2番目の選択を機能させる方法はありますか?